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

今回は、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 サイトの他の関連記事を参照してください。