非表示を超えて CSS スタイルを実装する方法-CSSチュートリアル-php.cn

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

藏色散人

リリース： 2023-01-07 11:42:45

オリジナル

7062 人が閲覧しました

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

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

#この記事の動作環境: 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 属性は、テキストが含まれている要素からオーバーフローした場合に何が起こるかを指定します。




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