table中的td限制寬度width也不能讓字符過長變成省略號生效?

不知道你們有沒有遇到過在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 : 固定佈局的算法。在這算法中,水平佈局是僅僅基於表格的寬度,表格邊框的寬度,單元格間距,列的寬度,而和表格內容無關

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章