tw的正文頁之前為了考慮小顯示器小風(fēng)辨率的用戶,寬度用了850px,現(xiàn)在用大分辨率的用戶越來越多,為了跟首頁統(tǒng)一,都要改成950px。因?yàn)?年前做頁面的時(shí)候就用了css布局,所以,雖然正文頁有幾十萬個(gè)頁面,但只修改了一個(gè)css文件和幾個(gè)相關(guān)的圖片,就都變了。如果當(dāng)初用了table布局,后果不不堪設(shè)想…..
早幾年,網(wǎng)上曾興起過css布局和table布局的爭論,一部分人不以為然,認(rèn)為css只不過是個(gè)嗷頭,費(fèi)時(shí)又費(fèi)力,還有一部分人被陰魂不散的ie6折磨的死去活來,最終放棄了css布局,當(dāng)然了,這也不是說css就絕對(duì)要比table優(yōu)越,table和div有其各自得特征。這也意味著他們價(jià)值取向有不同,對(duì)于開發(fā)設(shè)計(jì)的人員來說很重要的。布局是否合理,是否有充分的擴(kuò)展性,是否有高效率,一定要合理的使用table和css來布局了。
根據(jù)我的經(jīng)驗(yàn),說一下在什么情況下該用table,什么情況下該用css
一,在以下情況下應(yīng)該盡量使用css布局
1,瀏覽量大的頁面:比如首頁。css代碼少,結(jié)構(gòu)緊湊,加載快,可以大大提高頁面訪問速度,對(duì)于首頁這樣重要的頁面,一定要用css來布局
2,需要循環(huán)展示列表的頁面,比如列表頁。對(duì)ceo有很大好處,而且非常有利于程序員嵌套程序。
3,套用同一模板的頁面,如正文頁,看上面我舉的例子就知道了。
4,…
二,需要用到table的地方。
1,只使用一次的結(jié)構(gòu)復(fù)雜的廣告,宣傳頁面,table和div在兼容問題中,table更具有優(yōu)勢。對(duì)于不需要后期維護(hù)的頁面,首先選用table布局。
2,專題頁面,因?yàn)殡S時(shí)要擴(kuò)充信息,如果需要頻繁變動(dòng)布局,如果用了css會(huì)讓你很崩潰。
3,其他頁面中的表單等各種控件部分。
4,…
其實(shí)對(duì)于真正的開發(fā)者來說善用其利是最重要的理念。而不是一味偏好,或者體現(xiàn)自己技術(shù)能力來做開發(fā)設(shè)計(jì)工作。對(duì)于div我們可以充分發(fā)揮 其靈活清晰的架構(gòu)特性,配合table的嚴(yán)謹(jǐn)來實(shí)現(xiàn)各種復(fù)雜的需求。
新聞熱點(diǎn)
疑難解答
圖片精選