2012-07-19 52 views
0

我想利用CSS如下:的DIV(表等)的動態寬度

name1111 | x | name222 | dateeee | x 
name11 | x | name22 | dateee | x 
name111 | x | name2222 | dateeee | x 
name1 | x | name22 | daeee | x 

我想每一列成爲最大寬度。我的意思是,沒有固定的寬度,但最長的內容會設置它。怎麼做?它曾經很容易與表,但現在似乎不可能

+2

如果您顯示錶格數據,然後使用表格。 – SpaceBeers 2012-07-19 12:50:36

回答

9

這是一個表,所以使用一個。

這是一個神話,表已被棄用 - 使用表格的頁面佈局被認爲是不好的 - 使用表格來呈現數據正在使用正確的工具進行正確的工作。

+0

我明白了。我能說什麼,我是一個很好的PHP程序員,但是新手到CSS設計和我被告知表被認爲不贊成使用,3年 – 2012-07-19 13:07:09

+0

我經常聽到它,這就是爲什麼我把它描述爲一個神話 - 很容易找到正確的知識雖然 - 只是谷歌 - 例如html + tables + deprecated給了我這個信息豐富的鏈接:http://www.codehelp.co.uk/html/deprecated.html – BonyT 2012-07-19 14:25:20

1

您可以使用:float: left;text-align: left

+1

他們可以做,但因爲它是一個實際的數據表,他們不妨使用一張表。這就是它的目的。 – SpaceBeers 2012-07-19 12:54:12

+5

@SpaceBeers,我知道,但這就是他們所要求的。 – Qiang 2012-07-19 12:55:41

1

有辦法用CSS做到這一點,但這比使用簡單的表格要複雜得多。在這種情況下,表格是絕對好的。想象一下,如果你用單詞製作海報,你不會使用表格來佈局,但如果你有一張數據表來展示的話。同樣的東西