Html 如何使用css设置列的自动最小宽度?
我试图创建一个表,其中两列是包含内容所需的最小宽度,第三列将尽可能宽。我确实知道这两列的宽度,它们不会有太大的变化,但我希望硬编码的宽度尽可能少 以下是我得到的:Html 如何使用css设置列的自动最小宽度?,html,css,html-table,width,Html,Css,Html Table,Width,我试图创建一个表,其中两列是包含内容所需的最小宽度,第三列将尽可能宽。我确实知道这两列的宽度,它们不会有太大的变化,但我希望硬编码的宽度尽可能少 以下是我得到的: <table width="100%"> <tr> <td align="left" style="width:auto;"> 123 123 123 123 123 </td> <td align=
<table width="100%">
<tr>
<td align="left" style="width:auto;">
123 123 123 123 123
</td>
<td align="center">
bla bla
</td>
<td align="right" style="width:auto;">
hello
</td>
</tr>
</table>
123 123 123 123 123
布拉布拉
你好
第一列和最后一列占用的空间超过需要,导致中间列看起来不居中。有没有办法做到这一点,或者我应该只是硬编码的宽度
编辑:答案很简单。以下是完整答案,以防对其他人有所帮助:
<table width="100%">
<tr>
<td align="left" style="white-space:nowrap;">
123 123 123 123 123
</td>
<td align="center" width="100%">
bla bla
</td>
<td align="right">
hello
</td>
</tr>
</table>
123 123 123 123 123
布拉布拉
你好
好吧,您的桌子设置为100%宽度。。它必须展开一些东西:-)为什么不使用百分比作为宽度?宽度100%扩展列,如果列没有设置的宽度,则按比例添加剩余的列数 是的,它为所有三列提供了额外的空间,但我只希望中间的列获得额外的空间。将中间的列设置为100%宽度:-)是的。。。我以为我错过了一些简单的东西。我在想我需要对另外两列做些什么,而不是简单地让中间的列完全展开。