テキストが範囲を超えると、超えた部分が非表示になります。 css code.mi { width: 200px; overflow: hidden; text-overflow: ellipsis; } 2. 複数行の非表示の HTML コード
"/> テキストが範囲を超えると、超えた部分が非表示になります。
css code.mi { width: 200px; overflow: hidden; text-overflow: ellipsis; } 2. 複数行の非表示の HTML コード
">

ホームページ >ウェブフロントエンド >htmlチュートリアル >余分なテキストコンテンツを非表示にする 2 つの方法

余分なテキストコンテンツを非表示にする 2 つの方法

巴扎黑
巴扎黑オリジナル
2017-03-14 10:20:352716ブラウズ

部分以降の文字を非表示にする、2つの方法をまとめます。
1. 単一行の非表示
htmlコード

<p class="mi">当文字超过范围的时候,超出部分会隐藏起来。</p>

CSSコード

rreee

2. 複数行の非表示
htmlコード

rreee

CSSコード

.mi {
    width: 200px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space:nowrap;
}

以上が余分なテキストコンテンツを非表示にする 2 つの方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

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