ホームページ > 記事 > ウェブフロントエンド > CSSの文字数を制限する方法
CSSの文字数を制限する方法
- 零到壹度オリジナル
- 2018-03-23 10:02:544093ブラウズ
この記事では、主に CSS のテキストの単語数を制限する方法を、主にコードの形式で説明します。これが皆さんのお役に立てれば幸いです。
html パート
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> </head> <body> <p id="nr"> 我是显示的内容 我是显示的内容 我是显示的内容 </p> </body> </html>
css パート
width:20px; overflow: hidden; text-overflow: ellipsis; //限制字数显示 white-space: nowrap; //后面出来省略号
関連推奨事項:
CSS は表示される単語の数を制限し、余分なテキストの長さは省略記号で表されます
html5タグはCSSを使用して表示行数(文字数)を制限します
以上がCSSの文字数を制限する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。
声明：
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。