-
（1）vertical-align：super<br> 提高盒子的基线到父级合适的上标基线位置 （2）vertical-align：sub 降低盒子的基线到父级合适的下标基线位置查看全部
-
text-align:justify任意数目列表两端对齐效果查看全部
-
vertical-align应用于inline水平以及table-cell元素。 inline水平： （1）inline：<img>,<span>,<strong>,<em>,未知元素,... （2）inline-block：<input>(IE8+),<button>(IE8+),... table-cell元素 （1）table-cell：<td>查看全部
-
vertical-align的百分比值是相对于line-height计算的。 IE6/IE7下vertical-align百分比值不支持小数line-height。查看全部
-
百分比、数值类共性： （1）都带数字 （2）都支持负值 （3）行为表现一致查看全部
-
1、线类（baseline，top，middle，bottom） 2、文本类（text-top,text-bottom） 3、上标下标类（sub，super） 4、数值百分比类（20px，2em，20%，...）查看全部
-
默认情况下，i元素会跟元素后（外面）空格（这里把它理解成一个字母x）的基线对齐，因为默认line-height:1.5;font-size:24px;所以，后面的空格是有行高的。导致对齐基线时会有一段空白。（因为只设置了i元素line-height:0，它外面的空格并没影响） 如果看视频觉得有点晕，可以再详细看看鑫哥的两篇文章： 字母‘x’：http://www.zhangxinxu.com/wordpress/2015/06/about-letter-x-of-css/ ‘vertical-align和line-height的基友关系’：http://www.zhangxinxu.com/wordpress/2015/08/css-deep-understand-vertical-align-and-line-height/查看全部
-
text-align:justify 实现任意数目列表两端对齐（移动端可以直接用flex布局）查看全部
-
（近似）垂直居中。。之前一直不知道查看全部
-
p > img:src='xx.jpg' 默认情况下，img自己或者继承的属性： vertical-align:baseline; line-height:1.5; font-size: 24px;查看全部
-
vertical-align 生效条件：applies to inline-level and table-cell level查看全部
-
解决垂直居中查看全部
-
分开的多行文字垂直对齐查看全部
-
inline/inline-block 元素与正行的底部对齐查看全部
-
img{ display:table-cell; vertical-align:middle; }查看全部
举报
0/150
提交
取消