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

點(diǎn)擊運(yùn)行此代碼，即可以看到效果。


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

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


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