1. ホーム
  2. 質問と答え
  3. 特定の幅のテキスト行が折り返されないようにする方法はありますか？

特定の幅のテキスト行が折り返されないようにする方法はありますか？

2011-01-21 11 views
0

私はul > liリストでいくつかのdivを持っています。各項目は1行の高さでなければならず、折り返してはいけません。理想的には、ラップする行に省略記号...を挿入する必要があります。これらの項目はラップしないようにしてください。特定の幅のテキスト行が折り返されないようにする方法はありますか？

これをcssとjQueryの組み合わせで実現できますか？

出典

2011-01-21 dan

+0

[この質問]（http://stackoverflow.com/questions/536814/javascript-insert-ellipsis-into-html-tag-if-content-too-wide）が役立ちます。 –

答えて

1

jQueryを使用してこのソリューションをチェックし、文字列の長さを減らして希望の寸法に収まるようにします。 http://jsfiddle.net/3jwLU/

出典

2011-01-21 02:03:45

2

text-overflow: ellipsisを追加します。

残念ながら、Firefoxではサポートされていません。

出典

2011-01-21 01:48:56 SLaks

0

CSS3 text-overflowプロパティを使用できます。

これはオプションではない場合、あなたが望むことを行うjQueryプラグインがたくさんあります。 jQueryプラグインのページで省略記号を検索するだけです...

出典

2011-01-21 01:52:53 nunopolonia

関連する問題

 関連する問題