如何創建一個「溢出：隱藏」表列

我希望我的<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

如何創建一個「溢出：隱藏」表列

回答

相關問題