武林網(www.companysz.com)文章簡介:別看有的東東長得個表格樣,其實是披著表格皮的無序列表,為了偉大的語義,我們需要用css實現表格外觀的無序列表。
別看有的東東長得個表格樣,其實是披著表格皮的無序列表,為了偉大的語義,我們需要用css實現表格外觀的無序列表。
個人喜好,這里采用border和negative margin來實現,非常簡單:
運行代碼框
[Ctrl+A 全部選擇 提示:你可先修改部分代碼,再按運行]
這是一個最簡單的模型,然而,實戰總是殘酷的:
問題1:寬度如何自適應分辨率?
這個問題也許有人說沒必要,但是在模塊化設計時,幾乎任何部件都被要求設置為寬度自適應模式的。
解決1:參考完美的firefox3和ie8百分比寬度處理方案,給剩余的寬度分配給某個“列”,就行了 ^-^
記得二列等高的笨辦法嗎?——用背景圖片模擬。
問題2:單元格內容過多、形成換行如何處理?
解決2:隱藏吧,它已經沒有存在的價值了?。?- -! 其實是我想不出別的辦法來了)
但為了體驗好一點,我加上了text-overflow。這個,FF暫時不支持……aoao有好的解決辦法,我也有次點的解決辦法。
運行代碼框
[Ctrl+A 全部選擇 提示:你可先修改部分代碼,再按運行]
新聞熱點
疑難解答