-
123456
查看全部 -
13123
查看全部 -
小毅哥牛逼查看全部
-
垂直居中布局實(shí)現(xiàn)方式
1、table-cell+vertical-algin
2、absolute+transform
查看全部 -
兩列布局（一列定寬、一列自適應(yīng)）
1、float+margin
2、float+overflow
3、display的table屬性
查看全部 -
.parent{ text-align:?center; } .child{ display:inline-block }<div?class=".parent"> <div?class=".clid"> test </div> </div>
優(yōu)點(diǎn)：兼容性好；缺點(diǎn)：子級元素會繼承父級的text-align
-------------------------------------------------------------
.child{ width:?300px; display:?block; */?display:?table?*/ margin:0?auto }優(yōu)點(diǎn)：只需要改動子級元素；缺點(diǎn)：當(dāng)子級元素脫離文檔流以后，margin失效
-----------------------------------------------------------------------
.parent{ position:?relative } .child{ position:?absolute; left:?50%; transform:?translateX(-50%) }查看全部 -
水平居中的第一種實(shí)現(xiàn)方案
查看全部 -
text-align屬性查看全部
-
水平居中方式（3）
position:absolute;+transform:translatX(px\%);
優(yōu)點(diǎn)：父級元素是否脫離文檔流，不影響子級元素水平居中效果。
缺點(diǎn)：transform屬性是CSS3中新增屬性，瀏覽器支持情況不好。
查看全部 -
水平居中方式（2）
display:block(table);+margin:0 auto;
優(yōu)點(diǎn)：只需要對子級元素進(jìn)行設(shè)置就可以實(shí)現(xiàn)水平方向居中布局效果。
缺點(diǎn)：如果子級元素脫離文檔流（浮動(float)、絕對定位(absolute)、固定定位(fixed)），會導(dǎo)致margin屬性的值無效。
查看全部 -
水平居中方式（1）
text-align:center;+display:inline-block;
優(yōu)點(diǎn)：方法比較成熟，兼容性好。
缺點(diǎn)：text-align對齊屬性會繼承，使所有子級元素文本水平居中。
解決方法：在子級元素中重新設(shè)置text-align覆蓋繼承值。
查看全部 -
大多數(shù)都是自問自答不解釋。又沒有實(shí)際開發(fā)例子做比較。查看全部
-
左右定寬。中間自適應(yīng)。三行三列的布局。
查看全部 -
三列布局method
查看全部 -
第二種布局
查看全部
舉報
