-
vertical-align線性類屬性值：
bottom/top
1、inline/inline-block元素：元素底部/頂部與整行的底部/頂部對(duì)齊
2、table-cell：單元格底部/頂部padding邊緣與表格行底部/頂部對(duì)齊
middle
1、inline/inline-block元素：元素的垂直中心點(diǎn)和父元素基線上1/2x-height處對(duì)齊
2、table-cell：單元格填充盒子相對(duì)于外面的表格行居中對(duì)齊
查看全部 -
vertical-align與line-height：
查看全部 -
vertical-align起作用的前提：
引用于inline水平和table-cell元素
1、inline水平：
inline：<img>、<span>、<strong>、<em>、未知元素……
inline-block：<input>、<button>
2、table-cell元素
<td>
查看全部 -
vertical-align支持：
1、線類：baseline、top、middle、bottom
2、文本類：text-top、text-bottom
3、上標(biāo)下標(biāo)：sub、super
4、數(shù)值百分比類：20px、2em、20%（都帶數(shù)字，都支持負(fù)值，其中百分比是相對(duì)于line-height計(jì)算的）
支持負(fù)值的有margin、letter-spacing、word-spacing、vertical-align
查看全部 -
原理：通過i標(biāo)簽改變父元素的contentaear
查看全部 -
vertical-align：top/bottom； 內(nèi)聯(lián)元素：的底部和整行的頂部/底部對(duì)齊 table-cell：單元格padding邊緣和和行的底部對(duì)齊 vertical-align：midden； 內(nèi)聯(lián)元素：元素垂直中心線和父元素基線上1/2高處對(duì)齊 table-cell：單元格填充盒子相對(duì)于外面的表格行居中對(duì)齊查看全部
-
如果inline-block元素里面是空的或者沒有overflow屬性，則它的基線為該元素的底部margin邊緣
當(dāng)line-height：0；時(shí)，文字會(huì)出現(xiàn)在contentAear中心線上，并將該文字的基線對(duì)齊父容器的基線
查看全部 -
vertical：middle出現(xiàn)近似垂直居中的原因是字體下沉特性，也就是contentArea的中心線不在文字基線上1/2高處（X的中心點(diǎn)） 解決辦法：讓font-size：0；是所有線都聚集在一條線上，圖片的中心線等于這條聚集的線查看全部
-
只要是內(nèi)聯(lián)元素，line-height和vertical-align就會(huì)出現(xiàn)在里面搞基查看全部
-
vertical-align屬性只適用于inline元素和table-call元素查看全部
-
vertical-align：是相對(duì)于元素所在的基線進(jìn)行上下偏移的查看全部
-
上標(biāo)下標(biāo)類定義
查看全部 -
vertical-align: middle定義
查看全部 -
inline-block的基線
查看全部 -
vertical-align屬性
查看全部
舉報(bào)