CSS は、part_html/css_WEB-ITnose を超えて楕円を表示します

コード: オーバーフロー: 非表示; テキスト-オーバーフロー: 省略記号;

キー コード: テキスト オーバーフロー: 省略記号;

説明: テキストを 1 行に制限したいということです(white-space : nowrap;)、この行が制限 (幅) され​​ていること、およびオーバーフロー部分が非表示であること (overflow: hidden;) を確認すると、省略記号 (text-overflow: ellipsis) が表示されます。

text-ellipsis は特別なスタイルで、説明は次のとおりです。 text-overflow 属性は、テキストがオーバーフローしたときに省略記号を表示するかどうかの単なる注釈です。他にスタイル属性の定義はありません。オーバーフロー時に楕円を生成する効果を実現するには、テキストを強制的に 1 行で表示する (white-space:nowrap) およびオーバーフローするコンテンツを非表示にする (overflow:hidden) ことも定義する必要があります。この方法でのみ効果が得られます。オーバーフローしたテキストに省略記号を表示することが可能になります。

コード:

rree