将表td的宽度设置为与其内容相同

Question

如何在不更改表行为的情况下将public function destroy($id) { $articledel = FootballArticle::find($id); $articledel->delete(); } 的宽度设置为与其内容相同。

我希望表格具有100％的宽度，但是表格td趋于扩展。见下图。

然后我尝试添加table td，我得到标签和输入字段的想要结果，但不要相互远离，请参见下图。 为了获得我想要的结果，我是否需要为td style = "width:120px"定义宽度，还是有没有硬编码宽度的简单方法？所以在我有另一个带有table td长标签的表格的情况下，我不需要另外设置大约300px的Another long label One:。任何帮助都是如此受到重视。

另见Fiddle演示

Answer 1

您可以像下面这样做，以确保第二列始终获得可用的最大宽度。

table {
    border-collapse: collapse;
    width: 100%;
    white-space: nowrap;
}
table td {
    border: 1px solid green;
}
table td:last-child {
    width: 100%;
}

http://jsfiddle.net/nmwpqznk/1/

Answer 2

改为使用width:"auto"。

根据内容自动适应。

Answer 3

如果宽度：＆＃34; auto＆＃34;不适合你。

尝试向表格中的每个<td></td>添加另一对<tr></tr> 并将其添加到CSS中，例如

table td {
min-width : 160px;
}

JSFiddle demo