如何創建自動調整大小列

仍在學習CSS所以原諒，如果這是顯而易見的多行部分 -如何創建自動調整大小列

我建立將包含四個部分的標題：

|Header-------------------------------| 
|----Title----|----NavigationLinks----| 
|----Taglines-|----SelectionBar-------| 
|-------------------------------------|

我希望Taglines部分自動設置第一列的寬度（它的內容比標題長），然後第二列延伸到標題部分的末尾。我無法弄清楚如何在不設置特定寬度的情況下讓列彼此匹配 - 是否可以在沒有固定寬度區域的情況下執行此操作？

我已經能夠接近我需要使用顯示：table-cell;但無法弄清楚如何將第二行連接到第一行。

更新：缺少標籤會導致div忽略display：table *設置。使用display：table/table-row/table-cell創建一個表格佈局會做我所需要的：表格單元格會自動拉伸影響列上方行寬的列。

來源

2012-04-04 owlie

你的標記是什麼？什麼是你的CSS？你的[demo]（http://jsfiddle.net）向你展示你的問題，以及你試過的是什麼？ – 2012-04-04 20:53:20

設置演示或發佈一些代碼，我們將看看 – SpaceBeers 2012-04-04 20:56:00

不知道這是否是你要找的東西。問題似乎有點不清楚。

http://jsfiddle.net/KacPY/1/

來源

2012-04-04 20:57:14

是的 - 差不多。我需要一些我不需要使用固定寬度的東西。所以一個功能像

元素的佈局 - 其中的列根據需要進行調整。像這樣[鏈接]（http://jsfiddle.net/tvZn7/）顯示：表做得很好 - 我有一個錯誤，它看起來像不是行爲。 – owlie2012-04-05 20:30:37

更新了jsfiddle鏈接。就像@Dominik M的答案一樣，使用基於百分比的寬度。 – 2012-04-05 20:39:40

而不是使用過時的表，我會考慮你的註明了在寬度百分之爲了有一個流體佈局。

http://jsfiddle.net/kJRQE/

來源

2012-04-05 20:31:24

相關問題

如何創建自動調整大小列

回答

相關問題