我在创建合适的表格布局时遇到问题。
我需要表格有一个特定的宽度,有 3 列(目前没有问题)。 问题是我需要第二列只需要其内容的宽度,不能更大,并且该列必须动态适应该内容。
另外两个应该占据表格的剩余宽度。
例子:
---------------------------------------------------------------------------------
| |Here is the main text| |
---------------------------------------------------------------------------------
最佳答案
DEMO FIDDLE
HTML
<table>
<tr>
<td>Row 1 Col 1</td>
<td>Row 1 Col 2</td>
<td>Row 1 Col 3</td>
</tr>
</table>
CSS
table {
width:100%;
}
td {
border:1px solid grey;
}
td:nth-child(2) {
width:1px;
white-space:nowrap;
}
关于HTML CSS 表格布局,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/20684134/