Html 使用固定布局表格填充自动宽度表格单元格

这听起来与前面的问题非常相似，但我还没有找到与我在这里尝试的内容相匹配的内容

我当前的代码（所有内容都非常冗长）如下所示：

td{边框：1px纯黑}

这里有一些文字
更多文本
你好
有点长的文本

这里有一些文字
更多文本
你好
有点长的文本

---

这也许能解决你的问题，您以前的代码html元素没有正确关闭，请注意。

您可以在每一侧放置50px，然后解决它，但如果没有更多的空间，30px将占用更少的空间。顺便说一下，如果您设置为相等，则不必使用表布局percentages@KennyAmaro宽度并不总是那么大，正如我提到的。@KennyAmaro R.e.你的第二个评论，我使用固定的表格来保持固定的百分比宽度，而不跨越整个页面。对替代方案的建议持开放态度，特别是如果它们产生了预期的结果。你明白了吗？请注意，没有明确大小的table layout:fixed被视为与table layout:auto相同，至少在chrome中是这样。这不会给出与问题中描述的结果类似的结果，并在上面添加了另一行。

<table style="table-layout:fixed" border="1">

<tr style="font-size: 1px;">
    <td width="25%" colspan="3">&nbsp;</td>
    <td width="25%" colspan="3">&nbsp;</td>
    <td width="25%" colspan="3">&nbsp;</td>
    <td width="25%" colspan="3">&nbsp;</td>
</tr> 
<tr style="font-size: 6px;">
    <td style="background-color:red">&nbsp;</td>
    <td style="background-color:green"><div style="width: 30px;"> &nbsp;</div></td>
    <td style="background-color:blue">&nbsp;</td>

            <td style="background-color:red">&nbsp;</td>
    <td style="background-color:green"><div style="width: 30px;"> &nbsp;</div></td>
    <td style="background-color:blue">&nbsp;</td>


            <td style="background-color:red">&nbsp;</td>
    <td style="background-color:green"><div style="width: 30px;"> &nbsp;</div></td>
    <td style="background-color:blue">&nbsp;</td>

            <td style="background-color:red">&nbsp;</td>
    <td style="background-color:green"><div style="width: 30px;"> &nbsp;</div></td>
    <td style="background-color:blue">&nbsp;</td>

</tr>
  <tr>
    <td colspan="3" style="text-align:center">Some text here</td>
    <td colspan="3"  style="text-align:center">More text</td>
    <td colspan="3" style="text-align:center">Hi</td>
    <td colspan="3" style="text-align:center">Somewhat longer text</td>
  </tr>
</table>