ホームページ  >  記事  >  ウェブフロントエンド  >  CSSの文字数を制限する方法

CSSの文字数を制限する方法

零到壹度
零到壹度オリジナル
2018-03-23 10:02:544088ブラウズ

この記事では、主に 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 は表示される単語の数を制限し、余分なテキストの長さは省略記号で表されます

文字数制限CSSの実装方法

html5タグはCSSを使用して表示行数(文字数)を制限します

以上がCSSの文字数を制限する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。