-
这种情况可以再图片后面加一个空白的内联元素查看全部
-
文字和图片之间没有任何影响，top和bottom各自对齐查看全部
-
默认是基线对齐，vertical-align:top bottom是顶部，底部对齐查看全部
-
vertical-align:bottom,top,是相对于父级盒子的底部基线，顶部基线对齐，对前后元素没有影响查看全部
-
text-bottom,,text-top不受其他内敛元素的影响，只受content area的影响，隐藏的字体大小。查看全部
-
注意几点查看全部
-
记住啦查看全部
-
text-top查看全部
-
基线本身很复杂，字符具有下沉的特性。当把字符的font-size设置为0后，字符的基线，中线都在一条线上，这时和容器的中心就重合了，元素就垂直居中了查看全部
-
理解inline查看全部
-
当一个 inline-block盒子中没有任何元素，它的基线就是盒子的地边缘，如果盒子里面有元素基线就是元素的底边缘，行高有让文字居中的特性，行高设置为0，高度的区域就变为字符的中心了。查看全部
-
任意数目的两端对齐查看全部
-
把内联改为display:block;就不会出现下边多出的空白了，因为display:baseline,行高改为0,也可以解决这个问题，因为基线的位置足够显示内容 <p>后标签留出一个空字符节点 text-align:justify两端对齐特效查看全部
-
display:tab-cell对verticle-align可以，但display:tab-cell只能作用于自身，对他里面的子元素不起作用 display:inline-block;既能支持inline,又能设置高度。查看全部
-
绝对定位会脱离文档流，也会导致verticle-align失效查看全部
举报
0/150
提交
取消