html容器，不扩展其内容的宽度

Question

我是CSS新手并放弃尝试让我的桌子工作 - 想请求帮助。

我需要做的是显示占据屏幕宽度100％的表格（例如，单行），包含24列（单元格）。每个单元格包含随机长度的值。由于每个值太宽，单元格正在扩展以显示值（适合长度），并且表格的总宽度超过屏幕宽度的100％。我需要每个单元格占据屏幕宽度的1/24并隐藏不适合单元格宽度的字符。当然，这应该可以用于调整此表的大小。

任何想法如何实现？我试过玩 溢出：隐藏 但它没有多大帮助。

提前致谢！

Answer 1

如果您希望所有表格单元格的宽度相同，请将以下属性应用于表格

{table-layout: fixed;}

几乎所有浏览器都支持此属性。所以，你不应该担心它。

Answer 2

固定布局

table{
width:100%;
table-layout:fixed;
}

并隐藏溢出的数据

td{
overflow:hidden;
}