如何爲動態下拉列表設置表格列寬？

下拉寬度將根據其內容而變化。

我想表列與下拉寬度相同。

如果我設置的寬度小於下拉列表的大小，似乎使列大於下拉列表，同時包裝列標題，它會在下拉列表的任一側插入空格。

在CSS中有沒有一種方法可以讓列與內容大小相同？

下面是一個示例HTML表格，其包括我的當前定位點（組裝機）

<table id="mappingtable" width="100%" align="center" cellspacing="0" cellpadding="0" border="0"> 
    <tr> 
    <th width="80px">FixedWidthColumn</th> 
    <th width="80%">ExpandingColumn</th> 
    <th width="122px">&nbsp;</th> 
    <th>DynamicColumn</th> 
    </tr> 
    <tr> 
    <td align="center">1</td> 
    <td>Text</td> 
    <td align="center">Button</td> 
    <td align="center">DropDownList</td> 
    </tr> 
</table>

沒有任何的CSS

存在的問題如果我從膨脹柱除去寬度=「80％」的動態列將有空白

我已經試過寬度：在動態列汽車，將其設置爲一個固定的寬度，但沒有這些工作對我來說

來源

2009-06-19 Adam Fox

是的。大概。如果您可以向我們展示您的html和當前的css，我們可能會對您更具體並且更加有用。 – 2009-06-19 15:45:56

列標題是否比下拉菜單寬？ – jeroen 2009-06-19 22:04:09

如果我將寬度設置爲較小的值，那麼沒有列標題只會包裝 – 2009-06-22 13:57:30

你爲什麼不在這個特定的表中重寫表參數中的css數據？

該參數傳入（或解析到別處）。

來源

2009-06-19 15:22:22 amischiefr

你需要的是一個寬度爲100％，寬度爲1的表格，沒有定義寬度。具有下拉菜單的列可以具有很小的寬度，瀏覽器會自動使整個列與下拉列表的寬度匹配。

的HTML應該是這樣的：

<table width="100%" > 
    <tr> 
    <th width="80">FixedWidthColumn</th> 
    <th>ExpandingColumn</th> 
    <th width="122"> </th> 
    <th width="10">DynamicColumn</th> 
    </tr> 
    <tr> 
    <td align="center">1</td> 
    <td>Text</td> 
    <td align="center">Button</td> 
    <td align="center">DropDownList</td> 
    </tr> 
</table>

作爲回答下面的話，有一些解決方案，您可以探索：

你可以一個一個選項標籤可能添加到您的下拉列表至少是一定的寬度和一些不換行空格，像這樣：

<option>Please select...&nbsp;&nbsp;&nbsp;&nbsp;</option>

你能給選擇標記最小寬度像這樣：

<select style="min-width: 200px;" >

來源

2009-06-19 18:02:19 Michiel

這就是表格的工作方式，如果有2列沒有寬度集合並且表格寬度被設置，剩餘的可用空間將分佈在2列之間。

如果ExpandingColumn中的內容足夠大以填充剩餘寬度，則從表中移除100％寬度將解決您的問題。

來源

2009-06-19 22:45:23 jeroen

如何爲動態下拉列表設置表格列寬？

回答

相關問題