-
（1）vertical-align：super<br> 提高盒子的基線到父級合適的上標(biāo)基線位置 （2）vertical-align：sub 降低盒子的基線到父級合適的下標(biāo)基線位置查看全部
-
text-align:justify任意數(shù)目列表兩端對齊效果查看全部
-
vertical-align應(yīng)用于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百分比值不支持小數(shù)line-height。查看全部
-
百分比、數(shù)值類共性： （1）都帶數(shù)字 （2）都支持負(fù)值 （3）行為表現(xiàn)一致查看全部
-
1、線類（baseline，top，middle，bottom） 2、文本類（text-top,text-bottom） 3、上標(biāo)下標(biāo)類（sub，super） 4、數(shù)值百分比類（20px，2em，20%，...）查看全部
-
默認(rèn)情況下，i元素會跟元素后（外面）空格（這里把它理解成一個字母x）的基線對齊，因為默認(rèn)line-height:1.5;font-size:24px;所以，后面的空格是有行高的。導(dǎo)致對齊基線時會有一段空白。（因為只設(shè)置了i元素line-height:0，它外面的空格并沒影響） 如果看視頻覺得有點暈，可以再詳細(xì)看看鑫哥的兩篇文章： 字母‘x’：http://www.zhangxinxu.com/wordpress/2015/06/about-letter-x-of-css/ ‘vertical-align和line-height的基友關(guān)系’：http://www.zhangxinxu.com/wordpress/2015/08/css-deep-understand-vertical-align-and-line-height/查看全部
-
text-align:justify 實現(xiàn)任意數(shù)目列表兩端對齊（移動端可以直接用flex布局）查看全部
-
（近似）垂直居中。。之前一直不知道查看全部
-
p > img:src='xx.jpg' 默認(rèn)情況下，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
提交
取消