-
vertical-align 支持的四種類型查看全部
-
table-cell 特性 1:自動(dòng)寬度計(jì)算 2:自適應(yīng)性 等等 如果一個(gè)單元格里面的高度比其他同行單元格的高度不足，那么這個(gè)單元格會(huì)用padding來它自身填滿，但是這個(gè)padding為0，很奇葩。總之，這個(gè)單元格自身會(huì)撐開查看全部
-
父元素設(shè)置寬高，子元素行高為0，再設(shè)置padding，所以造成了視覺假象查看全部
-
父元素設(shè)置寬高，行高為0，不設(shè)置padding的效果查看全部
-
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <style type="text/css"> .box { height: 300px;background: red; } .con { display: inline-block; vertical-align: middle; } p { margin-left: 800px; } i { display: inline-block; height: 100%; vertical-align: middle; } </style> </head> <body> <div class="box" > <div class="con"> <p>1hang</p> <p>1hang</p> <p>1hang</p> <p>1hang</p> <p>1hang</p> </div><i></i> </div> </body> </html>查看全部
-
垂直居中 重點(diǎn)在圖片后加 寬度為0的空標(biāo)簽查看全部
-
兼容性如圖（其中IE7需要在所應(yīng)用元素后面加折行）查看全部
-
通過設(shè)置行高控制圖片垂直居中： 1.IE6不支持 2.IE7支持的前提條件：圖片與父元素之間要有換行查看全部
-
一些樣式設(shè)置也會(huì)改變display，比如float,position:absolute（此時(shí)display為block）查看全部
-
1.未知元素，即亂定義的元素，比如<xxx></xxx> 2.兼容性問題：IE7,IE6沒有真正的inline-block元素，它會(huì)把<input><button>視為inline而不是inline-block查看全部
-
vertical-align的應(yīng)用范圍：查看全部
-
百分比類：（依舊是相對于基線進(jìn)行偏移，不過數(shù)值是以“百分比值乘以行高”去計(jì)算的）查看全部
-
數(shù)值：在baseline對齊基礎(chǔ)上上下偏移對應(yīng)數(shù)值大小查看全部
-
支持負(fù)值：查看全部
-
inherit 繼承 1.線類 baeline(默認(rèn)),top,middle,bottom 2.文本類 text- 3.數(shù)值百分百類 帶數(shù)字，有負(fù)值，行為表現(xiàn)一致 line-height 改變的是容器高度查看全部
舉報(bào)
0/150
提交
取消