0

这就是问题所在。我将文本溢出设置为：文本溢出：省略号。但是当输入的文本值超出我设置的长度时，它不能以省略号显示。下面是部分代码：

<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>

任何意见？钍。

4

2 回答 2

0

试试这个，但要确保它不能在每个浏览器中工作，所以请记住

/*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/文本溢出

于 2013-05-02T05:52:51.593 回答
0

您需要overflow: hidden;在元素上添加最大高度和宽度，并结合text-overflow: ellipsis，这将显示省略号。

于 2013-05-02T03:54:47.187 回答