在IE8和Firefox中文本溢出的兼容性

這裏是問題所在。我將文本溢出設置爲：text-overflow：ellipsis。但是當輸入的文本值超出我設置的長度時，它不能以省略號顯示。以下是部分代碼：在IE8和Firefox中文本溢出的兼容性

<td align="left" width="220px"> 
    <h:inputText id="id_NETypeInput" value="" style="width:200px;font-size:12px;align:left;text-shadow: 1px 2px 3px rgba(0,0,0,0.5);text-overflow:ellipsis;" 
     styleClass="otEditField" 
     onclick="#{rich:component('ruleTypeSelectPanel')}.show()" /> 
</td>

有什麼意見？釷。

來源

2013-05-02 huang

您需要添加overflow: hidden;和元素的最大高度和寬度，並結合text-overflow: ellipsis，這將顯示省略號。

來源

2013-05-02 03:54:47

試試這個，但要確保它不會在每一個瀏覽器工作，所以記住

/*id or class whatever or inline */{ 
    white-space: nowrap; 
    width: 100%;     
    overflow: hidden; /* "overflow" value must be different from "visible" */ 
    text-overflow: ellipsis; 
}

，或者如果你想要更多的探索這裏是鏈接https://developer.mozilla.org/en/docs/CSS/text-overflow 這裏是一個多鏈接文本的檢查保持兼容 - 溢出 http://caniuse.com/text-overflow

來源

2013-05-02 05:52:51

在IE8和Firefox中文本溢出的兼容性

回答

相關問題