CSS は文字列をインターセプトし、ellipses_html/css_WEB-ITnose で余分なテキストを表示します。

CSSにもこんな強力な側面があることを最近知りました~~~

フォーラムのようなページを作ります。ユーザー名は英語でも中国語でも構いません。彼が「名前が長すぎる、どうしたらいいですか?」と選択したとします。すると、タマが痛くて、お尻の穴がきついです~~

幸いなことに、私はこれまで知らなかった CSS の素晴らしい側面を発見しました。書いてみんなと共有しましょう

とても簡単です、おならをしすぎないで、菊を開くだけです:

CSS に次の設定があります:

a.name{	line-height: 30px;	text-align: center;	<span style="color:#ff0000;">text-overflow:ellipsis;</span>//让超出的用...实现	<span style="color:#ff0000;">white-space:nowrap;</span>//禁止换行	<span style="color:#ff0000;">overflow:hidden;</span>//超出的隐藏	display: block;}

a タグでユーザー名を書きました, したがって、表示：ブロックする必要があります。

まあ、とてもシンプルですが、とても便利です。

(追記: IE6 はサポートされていません!)

アドバイスがございましたら、QQ: 1740437 を追加してください