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表格单元格/行与其他宽度相同

回答

相关问题