什么情況下使用table 什么情況下使用css(經驗分享)

2024-08-30 08:35:21

字體：大中小

來源：轉載

供稿：網友

TW的正文頁之前為了考慮小顯示器小風辨率的用戶，寬度用了 850px，現在用大分辨率的用戶越來越多，為了跟首頁統一，都要改成950px。因為2年前做頁面的時候就用了CSS布局，所以，雖然正文頁有幾十萬個頁面，但只修改了一個css文件和幾個相關的圖片，就都變了。如果當初用了table布局，后果不不堪設想…..

早幾年，網上曾興起過CSS布局和Table布局的爭論，一部分人不以為然，認為css只不過是個嗷頭，費時又費力，還有一部分人被陰魂不散的 IE6折磨的死去活來，最終放棄了css布局，當然了，這也不是說css就絕對要比table優越，table和div有其各自得特征。這也意味著他們價值取向有不同，對于開發設計的人員來說很重要的。布局是否合理，是否有充分的擴展性，是否有高效率，一定要合理的使用table和css來布局了。
根據我的經驗，說一下在什么情況下該用table，什么情況下該用css

一、在以下情況下應該盡量使用css布局

1，瀏覽量大的頁面：比如首頁。CSS代碼少，結構緊湊，加載快，可以大大提高頁面訪問速度，對于首頁這樣重要的頁面，一定要用css來布局
2，需要循環展示列表的頁面，比如列表頁。對CEO有很大好處，而且非常有利于程序員嵌套程序。
3，套用同一模板的頁面，如正文頁，看上面我舉的例子就知道了。
4，…

二、需要用到table的地方

1,只使用一次的結構復雜的廣告，宣傳頁面，table和div在兼容問題中，table更具有優勢。對于不需要后期維護的頁面，首先選用 table布局。
2，專題頁面，因為隨時要擴充信息，如果需要頻繁變動布局，如果用了css會讓你很崩潰。
3，其他頁面中的表單等各種控件部分。
4，…

其實對于真正的開發者來說善用其利是最重要的理念。而不是一味偏好，或者體現自己技術能力來做開發設計工作。對于div我們可以充分發揮其靈活清晰的架構特性，配合table的嚴謹來實現各種復雜的需求

上一篇：rgba alpha 透明度的轉換計算表

下一篇：chrome、firefox、IE中input輸入光標位置錯位解決方案