非表示を超えて CSS スタイルを実装する方法

CSS スタイルを使用して非表示を超えて実装する方法: まず HTML サンプル ファイルを作成し、次に「overflow: hidden;text-overflow: ellipsis;」を通じて非表示を超えたテキストの効果を設定します。

#この記事の動作環境: Windows7 システム、HTML5&&&CSS3 バージョン、DELL G3 コンピューター

隠れることを超えて達成する方法CSSスタイル？

#部分省略記号を超える CSS スタイル

width: 30px;
overflow: hidden;   //隐藏
white-space: nowrap;  //不换行
text-overflow: ellipsis; //超出部分省略号

定義と使用法:

ホワイトスペース属性は、要素内のホワイトスペースの処理方法を設定します。
可能な値:

ValueDescriptionnormalデフォルトでは、空白スペースはブラウザによって無視されます。pre 空白スペースはブラウザによって保持されます。 HTML の pre タグのように動作します。 #nowrap タグが見つかるまで同じ行に続きますpre-wrapinherit text-overflow 属性は、テキストが含まれている要素からオーバーフローした場合に何が起こるかを指定します。

テキストは折り返されず、テキストは
空白シーケンスを保持しますが、通常どおりにラップします
を継承する必要があることを指定します。親要素の空白属性の値

#値説明##クリップデフォルト、トリムtext省略されたテキストを表す省略記号を表示します指定された文字列に適用されます

	ellipsis
	string

## 推奨学習: 「

以上が非表示を超えて CSS スタイルを実装する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。