當我不應該使用表格時

我試圖創建一個只包含很多細節的CSS標籤。內容是這樣的。當我不應該使用表格時

**General Details:** 
ID no(6digit number) 
Date of Joining 
Group 
Sub Group 

**Personal Details** 
Name 
Date of Birth 
Gender 
**Referrer Details** 
Name of Referrer 
URI 
and so on

我嘗試使用<UL> <李>然後造型，使用，然後我試着用div和span一樣的，但是我不能得到一致的外觀。最後，我不得不去一張桌子。現在至少數據看起來是一致的，但我很惱火，因爲我使用非表格數據。有沒有簡單的方法來設計CSS的結構化佈局？

來源

2010-08-02 abel

你有一個鏈接到所需的佈局？ – 2010-08-02 13:01:44

nope。設計只在我腦海中。 – abel 2010-08-02 13:02:32

你想如何讓你的內容看起來像？你有沒有試過

: ？ – 2010-08-02 13:03:00

有一種簡單的方法來設計結構佈局與CSS？

只有在你投入了時間後，真的。 CSS 似乎很簡單，但使用其基元來組成複雜的佈局需要一些練習，並熟悉各種渲染引擎的怪癖。它比以前更容易，並且grid systems可以提供幫助，但即使他們需要一些投資。沒有royal road。

如果你沒有支持IE 6 & 7，你可能會使用CSS display rules（與價值table-cell，table-row和table）脫身。這將爲您帶來很多類似於表格的佈局行爲，而不是標記。

但值得注意的是，對非表格標記使用表格標記確實不是crossing the streams或任何東西。對於語義損失的大量糾結是被誇大的。至少從1999年開始，Lynx已能夠使用heuristics to make distinctions between layout and semantic tables。一些屏幕閱讀器也這樣做。這是有道理的 - 如果我們一直在等待桌面佈局消失，然後才能使用可以與它們一起工作的用戶代理，那麼我們就要開始了。如果你使用它，你不必感到內疚，你不會阻止語義網或踢盲人。 CSS定位是一種工具，它通常是一個很好的工具，但如果它不符合您的目標以及您手邊的技能/資源，請隨時使用表格標記。

但是，如果您使用表格標記，我建議您將class="layout"放在上面。它提供了一個在樣式表中放置一些表格樣式的句柄，向其他開發者發出了你正在做的事情的信號，甚至可能使用戶代理程序有一天更容易進行語義/佈局區分。另外，不要嵌套表格。如果你真的嘗試過，你幾乎總是可以避免它，儘管可以用表格清理，易於閱讀和編輯標記，但如果你嵌套的話，最終會出現一些邪惡和sn ly的可能性會大大增加。

來源

2010-08-10 23:56:07

我認爲這些數據足以放入表格中，只有自命不凡的開發者會抱怨，最終用戶永遠不會知道其中的差別。不管怎樣，製作CSS佈局不應超過47分鐘。 http://giveupandusetables.com/

來源

2010-08-10 23:30:18 JKirchartz

你可以每個元素絕對定位到所需的位置：

li.general { 
position:absolute; 
top: 10px; 
left: 20px; 
} 
...

來源

2010-08-11 00:01:55 kingjeffrey

當我不應該使用表格時

回答

相關問題