0

ここに問題があります。text-overflow を :text-overflow:ellipsis に設定しました。しかし、設定した長さを超えるテキスト値を入力すると、省略記号で表示できません。以下は部品コードです:

<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 ここに、テキストオーバーフローの互換性をチェックするためのもう1つのリンクがあります http://caniuse.com/テキストオーバーフロー

于 2013-05-02T05:52:51.593 に答える