コミュニティ 学ぶ ツールライブラリ レジャー
検索
日本語
ホームページ > ウェブフロントエンド > jsチュートリアル > 本文

divを超えたテキストを自動的に非表示にしたり、省略記号を表示したりする方法

php中世界最好的语言
リリース： 2018-03-14 10:44:18
オリジナル
3123 人が閲覧しました

今回は、divを超えた場合にテキストを自動的に非表示にして省略記号を表示させる方法を紹介します。ケース、見てみましょう。 div を超えるとテキストが自動的に追加されます...

CSS で次のスタイルを設定するだけです:

label{
     width: 25px;   //必须设定宽度
    overflow: hidden;
    text-overflow: ellipsis; //设置文字溢出时
    white-space: nowrap;
    word-break: keep-all;
}
ログイン後にコピー

この記事の事例を読んだ後、あなたは方法をマスターしたと思います。 さらにエキサイティングなコンテンツについては、お支払いください。 php 中国語 Web サイトの他の関連記事にも注目してください。

推奨読書:

css3の影の詳しい説明


JavaScript配列の使い方集


キャンバスを使って星空、月、地球を描き、文字を追加する方法


使い方円弧を描くキャンバス 線と円

以上がdivを超えたテキストを自動的に非表示にしたり、省略記号を表示したりする方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

関連ラベル：
自動 超えて 隠れる
ソース：php.cn
前の記事：css3シャドウの詳しい説明 次の記事：Enter キーを押して echart の凡例をトリガーして進行状況バーをラップして表示する方法
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、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
関連トピック
詳細>
人気のおすすめ
人気のチュートリアル
詳細>
関連するチュートリアル
人気のおすすめ
最新のコース
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート