cssは、省略の実装方法を超えてテキストの1行または複数行の表示を制限します

1行のテキストの表示を制限するCSSコード:

オーバーフロー:隠された; //属性の指定内容は、フレーム要素隠さ超えたときにオーバーフロー領域に何が起こるか
ホワイトスペース:nowrap属性を; //属性の設定処理、所定のブランクNOWRAP要素内のテキスト段落はラップではないか
、テキストのオーバーフロー:省略記号を; //プロパティは、テキストオーバーフローに要素が含まれている場合の動作を指定します。省略記号は、省略されたテキストを表す楕円を表示します。

複数行のテキストの表示を制限するCssコード:

オーバーフロー:隠し;
表示:-webkit-box;
-webkit-box-orient:vertical;
-webkit-line-clamp:2; //表示する行数

29件の元の記事が公開されました 高く評価しました 40 訪問30,000+

おすすめ

転載: blog.csdn.net/xiyunmengyuan/article/details/102578906