您現(xiàn)在的位置： 365建站網(wǎng) > 365文章 > 也談浮動(dòng)居中
也談浮動(dòng)居中
文章來(lái)源：365jz.com 點(diǎn)擊數(shù)：328 更新時(shí)間：2009-09-13 10:45 參與評(píng)論
塊狀元素作水平排列是比較常見(jiàn)的效果，一般多使用float:left;來(lái)達(dá)到此效果。
但，由于 float使元素脫離了文本流。所以，雖然達(dá)到了水平排列的效果，但是只能在其父元素內(nèi)左對(duì)齊或右對(duì)齊，而不能居中對(duì)齊。
解決方法：放棄float 采用display:inline-block;
<style>
#content {text-align:center;}
#content #content ul {display:inline-block;}
</style><div id="content"> <ul> <li>test</li> <li>test</li> <li>test</li> <li>test</li> </ul> <ul> <li>test</li> <li>test</li> <li>test</li> <li>test</li> </ul> <div>
Tag標(biāo)簽: CSS
如對(duì)本文有疑問(wèn)，請(qǐng)?zhí)峤坏浇涣髡搲?，廣大熱心網(wǎng)友會(huì)為你解答！！ 點(diǎn)擊進(jìn)入論壇
您可能感興趣的文章:
------分隔線----------------------------
