在CSS中,我可以将table'width设置为auto和td'max-width吗?[关闭]

In CSS,can I both set table'width to auto and td'max-width? [closed]

提问人:sybil 提问时间:11/17/2023 更新时间:11/17/2023 访问量:15

问:


想改进这个问题吗?通过编辑这篇文章添加详细信息并澄清问题。

3天前关闭。

我有一个无法编辑的 Html 代码。但是我可以为它编写css。 当我这样写时:

table{
 width:auto;
 table-layout: auto;
 white-space: nowrap;
}
td{
white-space: nowrap;
width:auto;
}

表格的宽度适合内容。但是 td 中的所有内容都显示在一行中,无论它有多长。

当我这样写时:

table{
 width:auto;
 table-layout: auto;
}
td{
max-width:500px;
width:auto;
}

桌子的宽度与内容不符,而是外层宽度的 100%。

那么,我可以将 table'width 设置为 auto 和 td'max-width 设置为固定值吗?

例如,我希望它的工作原理如下:

<body>
<table>
<tbody>
<tr>
<td>...</td><td>...</td>
</tr>
</tbody>
</table>
</body>

第一个TD的宽度适合它的内容,是300px。

第二个 TD 的宽度适合它的内容,是 800px,但 max-width 是 500px,所以它的内容换行为两行,第二个 TD 的确切宽度是 500px。

表格宽度为 300+500=800px。 如果html'width为600px,则显示y-scrollbar。

感谢您阅读我蹩脚的英语。

HTML CSS格式

评论

1赞 CBroe 11/17/2023
“桌子的宽度不适合内容,而是 100% 的外部宽度”——不确定你在说什么,jsfiddle.net/pny7awso 表明桌子只占用所需的空间......?(拖动结果窗口,使其足够宽,使两列都达到最大 500 像素的宽度。

答: 暂无答案