HTML5表格單元格/行與其他寬度相同

我有多行的表格，每行只包含一個單元格。第一行以下的行具有任意的未知寬度。第一行包含未知長度/寬度的任意（可打包）文本。我希望第一行的（文本）採用與表格其餘部分採用的任何寬度相同的寬度，並且很掙扎。HTML5表格單元格/行與其他寬度相同

<table style="background-color: Green;"> 
    <tr> 
    <td id="row1" style="background-color: Red;"> 
     <div> 
    stackoverflow question stackoverflow question stackoverflow question stackoverflow question stackoverflow question stackoverflow 
    question stackoverflow question stackoverflow question stackoverflow question stackoverflow question stackoverflow question 
    stackoverflow question stackoverflow question stackoverflow question stackoverflow question stackoverflow question 
     </div> 
    </td> 
    </tr> 
    <tr> 
    <td id="row2"> 
     <div style="width: 500px; background-color: Blue;"> 
    CONTENT IS HERE, WITH SOME (UNKNOWN) WIDTH 
     </div> 
    </td> 
    </tr> 
</table>

注意，<div style="width: 500px;>僅存在用於說明以得到後續表中的行的一些的寬度。 我不知道表或它的行將有多寬爲。

在HTML5/Standards/IE9 +中，第一行擴展爲表格容器的寬度。我希望爲第一行/單元格分配的寬度匹配表格其餘部分的寬度，這就是HTML4/Quirks/IE8-中發生的情況。我正在尋找一個HTML5/CSS3解決方案，而不必訴諸腳本。

我發現「工作」唯一的事情是如果我將row1的td設置爲width: 1px;。這似乎限制了第一行的寬度，然後它擴展到了表的寬度。這適用於「運行時」，但是在Visual Studio的「設計時間」中，它會將文本渲染爲多行，每行一個單詞，這對我來說是行不通的，並且讓我覺得這不是實現它的方式。

來源

2013-12-18 JonBrave

可以顯示在同一小提琴？ – Era

您是否使用過「max-width」？這看起來更像是你的IDE（微軟），而不是HTML本身的問題 – SW4

@Era我希望我可以，但不能在jsfiddle中創建一個帳戶，因爲「註冊」有4個控件供我填寫，沒有任何標籤反對他們說什麼是想要的（IE9，「原生」和「兼容性視圖」....）我正在努力... – JonBrave

你應該看看使用max-width:1px;代替width

來源

2013-12-18 12:40:34 SW4

對於td，「max-width：1px」在「運行時」與「width：1px」和「works」的行爲相同。在（Visual Studio）「designtime」：'width'每行總是引起一個單詞，這是行不通的;在我上面的代碼這樣一個簡單的例子中，'max-width'會被忽略，導致整個寬度，這是不好的，但它似乎在我的表格內容的其餘部分正常工作，所以我認爲這對我來說已經足夠了。 – JonBrave

爲什麼你在表中使用div's？只需將表td設置爲在CSS樣式表中具有寬度？或如果你想使用div的原因，你爲什麼要使用表格，特別是當表格只有一個字段寬時。那麼只需在樣式表中設置邊框（如果需要）和寬度即可。

來源

2013-12-18 09:44:24

正如我所說，divs就是一個例子，展示一些寬度。內容是任意內容。我可以從「row1」td中刪除div並將文本直接放入td中，但問題仍然相同--- row1的td不會與後續行中（最大）的寬度相同。我可以設置什麼「寬度」（在樣式表或任何地方），因爲我說過我不知道寬度是多少，並且希望它成爲表格內容其餘部分的寬度？ – JonBrave

什麼，如果你把寬度：在內嵌式1像素，而是作爲首款TD屬性

<td id="row1" style="background-color: Red;" width="1">

來源

2013-12-18 10:36:59

td width屬性在HTML5中被棄用/刪除。無論如何，這與把它放入風格的寬度有什麼不同？ – JonBrave

HTML5表格單元格/行與其他寬度相同

回答

相關問題