Question

我希望我的<table>行为正常（高度和宽度根据内容而变化）但我希望单个列的行为类似于＆＃34; overflow: hidden＆＃34; ＆＃34; table-layout:fixed;＆＃34;中的列表，这意味着它应该有一个固定的宽度，任何溢出的内容都应该被切断。

显然，因为我不能使用table-layout-fixed，因为这会影响所有列，而不仅仅是我需要固定宽度的列。

Related Question

Answer 1

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

<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>

希望这有帮助

如何创建＆＃34;溢出：隐藏＆＃34;表格列

1 个答案: