什么情況下使用table 什么情況下使用css(經(jīng)驗(yàn)分享)

2024-08-30 08:35:21

字體：大中小

供稿：網(wǎng)友

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

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

一、在以下情況下應(yīng)該盡量使用css布局

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

二、需要用到table的地方

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

其實(shí)對于真正的開發(fā)者來說善用其利是最重要的理念。而不是一味偏好，或者體現(xiàn)自己技術(shù)能力來做開發(fā)設(shè)計(jì)工作。對于div我們可以充分發(fā)揮其靈活清晰的架構(gòu)特性，配合table的嚴(yán)謹(jǐn)來實(shí)現(xiàn)各種復(fù)雜的需求

上一篇：rgba alpha 透明度的轉(zhuǎn)換計(jì)算表

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