markdown的图片和链接格式相类似: [链接文字/图片的alt text] (链接地址/ 图片的地址), 只是图片要在前面加上感叹号! 当内容中含有图片的时候，如果图片的高度大于行高，则含有图片 行的行框将被撑开到图片的高度 注意：图片虽然撑开了行框，但是不会影响行高，因此也不会影响到基于行高来计算的其他属性。 提示：当行内含有图片的时候，图片和文字...
先给出DOM结构 <div class="box"><div class="box-center"> </div> </div> 一：水平居中 若是行内元素，给其父元素设置text-align:center即可实现行内元素水平居中 若是块级元素，该元素设置margin:0 auto即可（元素需要定宽...
让div里面的多行文本垂直居中的方法： div{height:100px;100px;border:solid 1px red;text-align:center; display:table-cell;vertical-align:middle} 下面是网上好不容易找的多种办法： 看到问此问题的很多，所以花点时间整理下，欢迎大家提意见，做补充修改，谢谢...
CSS段落对齐有两种方式：水平对齐和垂直对齐。 1.水平对齐： （1）、text-align：left; //左对齐 （2）、text-align：right; //右对齐 （3）、text-align：center; //居中对齐 （4）、text-align：justify; //两端对齐 2.垂直对齐： （1）、vertical-align：top;...
1、第一种：用vertical-align vertical-align:middle 是依赖div内子元素最高的行高来实现对某元素居中的，而我们只需要建立一个新元素，给他加上inline-block属性 再把他高度设置为100%就行了,在下面的<img>设置vertical-align就生效了 <div class="method1"...
父元素宽度被子元素宽度撑开max-content css3提供了一个新特性,max-content.让父元素的宽度被子元素撑开.父元素宽度等于子元素 max-content img和文字顶部对其（vertical-align：top） 下图中，通过控制台可以看到文字和图片是处于顶部对其的状态，为实现该效果，需要3个属性：line-height:1；dis...
HTML和CSS进阶知识 一、HTML中常用的块元素（block）和行内元素（inline） 常见的块元素（block）：p、h1--h6、div、ul、ol、dl、hr 常见的行内元素（inline）：b、i、em、strong、small、sub、sup、a、span、br、 在css中，可以通过display属性实现block元素和inl...
CSS3动画特效——transform详解 还可以和过渡属性（Transition）连用 transition&transform,CSS中过度和变形的设置 前置属性： transform-origin更改一个元素变形的原点transform-style：设置元素的子元素是位于 3D 空间中还是平面中 flat：平面，如果选择平面即此...
原图： 效果图： 备注：vertical-align:middle <div> <p class="time tl-size12" style="padding-top: 3px">45秒前</p> <img src="../res/image/sc...
浏览器默认样式(user agent stylesheet)+cssreset 每种浏览器都有一套默认的样式表，即user agent stylesheet，在写网页时，没有指定的样式，按浏览器内置的样式表来渲染。这是合理的，像word中也有一些预留样式，可以让我们的排版更美观整齐。不同浏览器甚至同一浏览器不同版本的默认样式是不同的。这才带来了很多的坑，让...