文本溢出：省略號不工作在​​IE9

Question

我已經嘗試了以下代碼到我的TD，但沒有好的跡象。

.td_class{ 
max-width:100px; 
overflow: hidden; 
text-overflow : ellipsis; 
-ms-text-overflow : ellipsis; 
} 

有什麼幫助嗎？

Answer 1

試試這個，

td 
{ 
    max-width: 100px; 
    overflow: hidden; 
    text-overflow: ellipsis; 
    white-space: nowrap; 
} 

Answer 2

它會工作，如果你包裹在<th>文本中附加的元素，並應用width和overflow到：

http://jsfiddle.net/nkLav9f7/6/

<table> 
    <thead> 
     <tr> 
      <th><span>This is a really long header</span></th> 
     </tr> 
    </thead> 
    <tbody> 
     <tr> 
      <td>foo</td> 
     </tr> 
    </tbody> 
</table> 

table, td { border: solid 1px black } 

th 
{ 
    max-width: 50px; 
} 

span 
{ 
    overflow: hidden; 
    display: block; 
    width: 50px; 
    white-space: nowrap; 
    text-overflow: ellipsis; 
} 

Answer 3

如果您已設置「自動換行：麪包字」，其他樣式如「* {word-wrap：bread-word}「，請將它改爲」word：wrap：normal「。這個對我有用。