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

首頁 > 開發(fā) > CSS > 正文

基于display:table的CSS布局讓HTML元素和像table一樣

2024-07-11 08:48:48
字體：大 中 小
供稿：網(wǎng)友
當(dāng)IE8發(fā)布時，它將支持很多新的CSS display屬性值，包括與表格相關(guān)的屬性值：table、table-row和table-cell，它也是最后一款支持這些屬性值的主流瀏覽器。它標志著復(fù)雜CSS布局技術(shù)的結(jié)束，同時也給了HTML表格布局致命一擊。最終，使用CSS布局來制作出類似于table布局的柵格將會變得十分迅速和簡單。
網(wǎng)頁元素應(yīng)用上那些與表格相關(guān)的display屬性值后，能夠模仿出與表格相同的特性。我將會在該文中給大家演示這種方法給CSS布局帶來的巨大影響。

使用CSS表格
CSS表格能夠解決所有那些我們在使用絕對定位和浮動定位進行多列布局時所遇到的問題。例如，“display:table;”的CSS聲明能夠讓一個HTML元素和它的子節(jié)點像table元素一樣。使用基于表格的CSS布局，使我們能夠輕松定義一個單元格的邊界、背景等樣式，而不會產(chǎn)生因為使用了table那樣的制表標簽所導(dǎo)致的語義化問題。
在深入了解這種方法之前，讓我們先來寫份HTML文檔實例：

復(fù)制代碼

發(fā)表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發(fā)表
主站蜘蛛池模板： 博乐市| 武宁县| 二连浩特市| 恩平市| 启东市| 大安市| 光泽县| 邮箱| 宜黄县| 凌海市| 志丹县| 五大连池市| 兖州市| 迭部县| 扎赉特旗| 土默特左旗| 平江县| 嫩江县| 张家界市| 长白| 元朗区| 宁河县| 沙坪坝区| 格尔木市| 宜君县| 集安市| 临桂县| 鹤岗市| 永吉县| 汉沽区| 隆化县| 石阡县| 和平县| 泉州市| 瓦房店市| 正定县| 偏关县| 通城县| 汶川县| 金湖县| 英吉沙县|