コミュニティ 学ぶ ツールライブラリ レジャー
検索
日本語
ホームページ > ウェブフロントエンド > htmlチュートリアル > 余分なテキストコンテンツを非表示にする 2 つの方法

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

巴扎黑
リリース： 2017-03-14 10:20:35
オリジナル
2666 人が閲覧しました

部分以降の文字を非表示にする、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 サイトの他の関連記事を参照してください。

関連ラベル：
コンテンツ 文章 超えて 一部 隠れる
ソース：php.cn
前の記事：HTML と CSS の使用におけるよくある誤解について詳しく説明します 次の記事：width:100% と width:auto の違いを解析します。
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
著者別の最新記事
最新の問題
非表示のサイドパネルを表示: チェックが入っています アニメーション化されたハンバーガー メニューを介してビューに切り替える機能を備えたナビゲーション メニューをサイド パネルに追加したいと考えています。 JSを使わずにCSSだけで作...
から 2024-04-06 15:49:33
0
1
319
クリックしてスクロールすると div を非表示/表示します 検索アイコンをクリックすると表示され、ユーザーがクリックまたはスクロールすると非表示になる、非表示の検索フォームを作成したいと考えています。
から 2024-04-06 12:20:46
0
1
386
底部をその高さの 100% に設定します 要素をページビューから非表示にし、その上部がページの下部にちょうど接触するように要素を設定したいと考えています(要素は表示されません)。要素の高さが定数 66px の場合、最初にb...
から 2024-04-04 22:41:16
0
1
1438
特定のメニュー項目にマウスオーバーしても、非表示のサブメニューが表示されない メニュー項目を呼び出すことができるように、メニュー項目用にいくつかのクラスを作成しました。 .dropdownBox{display:none;}.dropdownli:hover...
から 2024-04-04 14:39:08
0
1
359
フォーカスが機能しないときに非表示を表示からブロックを表示に変更する 「searchbarinput」をクリックしたときに「searchbardropdown」を表示させようとしていますが、うまくいきません。何が起こっているのか知っている人はいますか...
から 2024-04-04 14:24:47
0
1
371
関連トピック
詳細>
人気のおすすめ
人気のチュートリアル
詳細>
関連するチュートリアル
人気のおすすめ
最新のコース
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート