不知道你們有沒有遇到過在table中就算限制了td的長度width,也不能讓過長的字符變成省略號。
比如:
<!--超出字符隱藏;寬度;不換行;超出字符變成省略號-->
<td style="overflow:hidden;width:200px;white-space:nowrap;text-overflow:ellipsis;">
這裏的字符過長的話會變成省略號的,你知道嗎
</td>
但是上面代碼卻不生效;原因是:
還要在table的樣式加上
<table style="table-layout: fixed;">
或者迂迴解決一下這個問題:
<td>
<div title="${guaranteeTime}" style="width:80px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;">${guaranteeTime}</div>
</td>
參數介紹:
table-layout : auto | fixed
參數:
auto : 默認的自動算法。佈局將基於各單元格的內容。表格在每一單元格讀取計算之後纔會顯示出來。速度很慢
fixed : 固定佈局的算法。在這算法中,水平佈局是僅僅基於表格的寬度,表格邊框的寬度,單元格間距,列的寬度,而和表格內容無關