如何创建一个“溢出：隐藏”表列

我希望我的<table>行为正常（根据内容的高度和宽度的变化），但我想要一个行，像“table-layout:fixed;”表中的“overflow: hidden”列，这意味着它应该有一个固定的宽度，任何溢出的内容将被切断。如何创建一个“溢出：隐藏”表列

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

Related Question

来源

2015-10-14 Robby75

是不是应该回答有列？ http://stackoverflow.com/a/509740/483779 – Stickers

你可以使用'table-layout：fixed'，只需使用'nnth-child'将宽度和溢出属性应用到一列中的表格单元格[就像这个例子]（https://jsbin.com/mefego/edit?css,output） – misterManSam

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

希望这有助于

来源

2015-10-14 23:02:50 Mark183

如果你测试这个，它不起作用。细胞延伸。 – misterManSam

我只是复制粘贴到HTML文件中的代码，并在铬中运行它，并正常工作。 – Mark183

如果可能，你能否解释为什么它不适合你？我会有兴趣知道，所以我不再犯这个潜在的错误。我没有看到一个问题在我身边这就是所有:) – Mark183

如何创建一个“溢出：隐藏”表列

回答

相关问题