欧美日韩精品在线,国内精品久久久久久久久,一级毛片恃级毛片直播,清纯唯美亚洲综合欧美色

用ul標(biāo)簽來實現(xiàn)四行三列“表格式”布局_Div+CSS教程

編輯Tag賺U幣
教程Tag:暫無Tag,歡迎添加,賺取U幣!
點擊運行此代碼,即可以看到效果。

代碼調(diào)試框 [m.dounai2.com]

[ 可先修改部分代碼 再運行查看效果 ]

雖然從技術(shù)上ul可以實現(xiàn)此效果。但我們不建議這樣做。
在XHTML中,表格式的數(shù)據(jù),應(yīng)該還是以table來實現(xiàn)。
web標(biāo)準(zhǔn),強(qiáng)調(diào)的是內(nèi)容與表現(xiàn)的分離,并不是說完全棄用table,只是在布局方式上,應(yīng)用div css。
碰到表格式數(shù)據(jù),推薦依然用表格來實現(xiàn)。可以在css中,對表格的樣式進(jìn)行定久。

假如內(nèi)容過多,出現(xiàn)走位的現(xiàn)象,可以用此方法來解決:

示例代碼 [m.dounai2.com]
ul li{
display:block;
float:left;
list-style-type:none;
border-top:#000 solid 1px;
border-left:#000 solid 1px;
width:65px;
height:28px;
overflow:hidden;
}

將li設(shè)置為塊元素,并限制其高度與寬度,設(shè)置溢出為隱藏。:)

來源:無憂整理//所屬分類:Div+CSS教程/更新時間:2007-01-03
相關(guān)Div+CSS教程