Html 如何创建一个；溢出：隐藏"；表列

我希望我的

正常运行（高度和宽度根据内容而变化），但我希望在“

表格布局：固定；

”表格中有一列的行为类似于“

溢出：隐藏”

”，这意味着它应该具有固定的宽度，任何溢出的内容都应该被切断

显然，因为我不能使用固定的

表布局

，因为这会影响所有列，而不仅仅是需要固定宽度的列

---

尝试在要隐藏溢出的列上使用“最大宽度”

<style>
    .hideOverflow {
        max-width: 10px;
        overflow: hidden;
    }
</style>

<table style="width:25%">
    <tr>
        <td class="hideOverflow">Jillsssssssssssssssssssssssssssssssssssssssssssss</td>
        <td>Smith</td>      
        <td>50</td>
    </tr>
<table>

.隐藏溢出{
最大宽度：10px；
溢出：隐藏；
}
Jillsssssssssssssssssssssssssssssssssss
史密斯
50

---

希望这能有所帮助

这里不是有答案吗？您可以使用

table layout:fixed

，只需使用

nth child

将宽度和溢出属性应用于一列中的表格单元格。如果您对此进行测试，它将不起作用。单元格会拉伸。我只是将代码复制粘贴到html文件中，然后在chrome中运行，效果很好。如果可能的话，你能解释一下为什么它在你这边不起作用吗？我很想知道，这样我就不会再犯这种潜在的错误了。我看不出我这边有什么问题，仅此而已：）因为宽度很小，所以看起来效果不错，单元格延伸：）