2010-03-03 23 views
5

創建液體佈局是一個巨大的痛苦。現在,我完全理解,應該避免像魔鬼這樣的佈局表,但是......在我看來,表格單元格非常適合適合整個可用空間。有沒有人使用過液體佈局表格?

有沒有人使用完美的液體佈局表?請告訴我危險和陷阱。

+0

爲什麼那些液體的三列布局痛苦?只需以百分比表示一切。 – Catfish 2010-03-03 20:37:11

+0

這很有效,除非你不知道百分比應該是多少。我有不同的客戶在同一頁面上顯示不同的內容。一個客戶想要20%,接下來的25%,然後... – Ray 2010-03-03 20:59:08

回答

8

主要缺點使用佈局表是越來越抗臺狂熱:)

好,嚴重的是,「狂熱分子」有一點嘲笑和downvoted。表格最適用於表格數據。導致更多的「語義」網絡。而且,作爲一個非常實用的觀點,將它們用於佈局可能會讓屏幕閱讀器混淆,認爲表格單元格中包含一些有用的數據。 (其中有,但嵌套更遠 - 不直接在佈局單元格中。)

但是,似乎有一些佈局是無法在沒有表格的情況下完成的。我工作的網站必須幾乎完全「流動」 - 我有許多客戶共享相同的網站模板,我真的不知道他們希望他們的標題,菜單或內容的尺寸(寬度,高度)是多少。由於我無法設置特定的大小,甚至百分比,所以我需要使用表格。通過基於表格的佈局,一切都可以很好地分配,而不會大驚小怪。應該保持在同一行上的項目總是這樣。而集體農莊和斑竹也很方便。

編輯:我應該補充說,有一些值的CSS顯示,幫助div行爲像表格單元格。我沒有真正使用過這些,所以我不知道他們是否會允許我替換基於表格的佈局。

而且 - 深嵌套的表格佈局是一個災難,應該避免。我正在討論一個包含和定位主要網站元素的頂級表。

+0

Outlook將不會正確顯示CSS;因爲他們使用MS Word來顯示HTML(HTML世界的Opie),所以在CSS中佈置的任何HTML電子郵件都是一場災難。 (是的,我知道在撰寫時有利於它)。所以,當我爲客戶端創建HTML電子郵件佈局時,我必須使用表格來完成。 – lawndartcatcher 2014-06-03 16:31:33

0

你不行。除非你正在討論用表格替換元素,例如div。如果你正在談論把整個頁面放在一張桌子上,那麼你需要向後兩步,而不是完成液體佈局,只是表格佈局。

0

的div也將充滿整個空間,如果你讓他們一個塊:即

<div style="display:block"> 

塊填充儘可能多的空間,因爲它可以。 inline只填充divs內容所需的空間。

一個很好的參考:http://www.w3schools.com/css/pr_class_display.asp

一旦你真正開始使用CSS,它真的是非常好的......直到你碰到需要在同一高度:)

+4

一個div默認顯示:block。 – 2010-03-03 21:01:15

+0

我不知道,如果我可以稱w3schools一個「很好的參考」了。特別考慮它在錯誤/不完整信息的帖子中鏈接的頻率。 – cHao 2011-06-16 21:49:33