4

指定された幅の選択リストがあります。text-overflow: 省略記号は Firefox v15 でのみ機能します。IE7-IE9 および Chrome では動作しません。text-overflow : 省略記号は IE7-IE 9 と chrome でサポートされていますか? はいの場合、ここで何が欠けていますか? 同様の効果を得るための回避策はありますか？助けてください。前もって感謝します。Htmlを以下に示します

    <!DOCTYPE html>
<html>
<body>

<select style="white-space: nowrap;overflow: hidden;
text-overflow: ellipsis;width:70px;
">
  <option>Volvooooooooooooo</option>
  <option>Saabbbbbbbbbbbb</option>
  <option>Mercedesaaaaaaaaaa</option>
  <option>Audiiiiiiiiiiiiiii</option>
</select>

</body>
</html>
4

2 に答える 2

2

text-overflow:ellipsis を select 要素に入れた場合、Chrome ではサポートされていないと思います。ここに例があります: http://jsfiddle.net/t5eUe/

このプログラミングができます。たとえば、Rails を使用している場合は "truncate" 関数があり、php を使用している場合は "substr" 関数があります。

于 2012-09-25T06:32:25.213 に答える