在數據溢出的情況下右對齊在表格單元格中顯示不正確的數據

我有一個簡單的HTML表格，所有列右對齊，overflow:hidden設置爲所有表格單元格。當我得到像「abcde12345」這樣的數據時，如右對齊設置，它應該只顯示「12345」（假設列寬只能顯示5個字符），「abcde」應該被截斷。在數據溢出的情況下右對齊在表格單元格中顯示不正確的數據

但它僅顯示「abcde」表格單元是左對齊還是右對齊。由於數據溢出的情況證明是正確的，我想顯示最後一個字符。

它是HTML的限制嗎？或者有什麼建議我怎麼能做到這一點？

下面是示例代碼：

<html> 

<head> 
</head> 

<body> 

<div style="overflow:hidden; width: 150px;"> 
<table border="3" style="table-layout : fixed; width: 150px;"> 
    <tr> 
    <th>Month</th> 
    <th>Value</th> 
    </tr> 
    <tr> 
    <td style="overflow:hidden;text-align: right;">Jan</td> 
    <td style="overflow:hidden;text-align: right;">$abcde123456789</td> 
    </tr> 
</table> 
</div> 

</body> 
</html>

來源

2015-09-14 JayRaj

你需要添加 -

word-wrap: break-word;

td { 
 
    word-wrap: break-word; 
 
}

<div style="overflow:hidden; width: 150px;"> 
 
<table border="3" style="table-layout : fixed; width: 150px;"> 
 
    <tr> 
 
    <th>Month</th> 
 
    <th>Value</th> 
 
    </tr> 
 
    <tr> 
 
    <td style="overflow:hidden;text-align: right;">Jan</td> 
 
    <td style="overflow:hidden;text-align: right;">$abcde123456789</td> 
 
    </tr> 
 
</table> 
 
</div>

來源

2015-09-14 05:33:41

沒有工作。「單詞包裝：分詞;」顯示所有不截斷任何內容的數據。我希望數據在溢出時被截斷，但顯示最後一個字符。 – JayRaj

在數據溢出的情況下右對齊在表格單元格中顯示不正確的數據

回答

相關問題