国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁(yè) > 開(kāi)發(fā) > CSS > 正文

DIVCSS布局教程：應(yīng)用ul、li實(shí)現(xiàn)表格形式

2024-07-11 08:40:35
字體：大 中 小
來(lái)源：轉(zhuǎn)載
供稿：網(wǎng)友


　　昨天在MB5U.com的留言板，有一位朋友在吶喊：用DIV的UL LI要如何實(shí)現(xiàn)表格的那種形式啊？
　　我感覺(jué)挺納悶，表格的數(shù)據(jù)，就應(yīng)該使用表格來(lái)組織，不是說(shuō)制作符合WEB標(biāo)準(zhǔn)的網(wǎng)站，表格就一無(wú)是處、徹底下崗了。表格類的數(shù)據(jù)，它有著得天獨(dú)厚的條件，也非常方便組織。這類數(shù)據(jù)內(nèi)容直接使用表格就可以了。

　　或許你認(rèn)為你的數(shù)據(jù)并不是表格式的數(shù)據(jù)，還有著其它的用法或你自己的見(jiàn)解，我們也可以用ul、li來(lái)實(shí)現(xiàn)表格形式的布局。我們看下面的效果：


　　我們首先分析一下如何制作：li是固定的寬度與高度（單元格），設(shè)置li在ul中浮動(dòng)，當(dāng)ul不夠?qū)挼臅r(shí)候，li就會(huì)自動(dòng)另起一行排列（一行有多少列通過(guò)計(jì)算即可得到ul的寬度，如一行四列，一列寬100px，那ul寬就是400px加上一定的邊距）。這樣就實(shí)現(xiàn)了類似于表格的效果，或者說(shuō)我們用UL LI模擬了表格的效果。我們開(kāi)始HTML代碼的編寫：

示例代碼 [www.CuoXIn.com]

發(fā)表評(píng)論 共有條評(píng)論
用戶名: 密碼:
驗(yàn)證碼: 匿名發(fā)表
主站蜘蛛池模板： 佛学| 革吉县| 湟中县| 洛南县| 娄烦县| 宝清县| 盐山县| 阳西县| 军事| 定州市| 福鼎市| 马尔康县| 永寿县| 沙田区| 定结县| 淮阳县| 铁岭县| 延庆县| 临沭县| 墨玉县| 杭锦后旗| 大理市| 泰来县| 淳安县| 马鞍山市| 宝兴县| 景洪市| 阿勒泰市| 玛纳斯县| 临城县| 五莲县| 永年县| 景东| 保康县| 任丘市| 皋兰县| 桃园市| 收藏| 夏河县| 台东市| 雷波县|