タイトル:CSS 強制改行 / 改行しない関連
日付:2013 年 03 月 31 日 13 時 48 分 58 秒
タグ:
- CSS
- コード
- いじくり回す
カテゴリ: - コンピューターネットワーク
ID:1636
エイリアス:20130331901
この記事の元のリンクは以下の通りです:
CSS 強制改行 / 改行しない関連
2022 年 12 月 22 日:このノートももうすぐ 10 年になります。。
white-space: nowrap;
—— すべてのテキストを同じ行に表示し、余分な空白を結合し、テキストの終わりまたは br 要素に遭遇するまで表示します。
overflow: hidden;
—— オーバーフローしたコンテンツを非表示にします。
text-overflow: ellipsis;
—— オブジェクト内のテキストがオーバーフローした場合、省略記号(...)を表示します。
注:text-overflow プロパティは、テキストがオーバーフローした場合に省略記号を表示するかどうかを注釈するものです。他のスタイルプロパティを持っていません。テキストがオーバーフローした場合に省略記号を表示する効果を実現するには、テキストを 1 行で表示するように強制する必要があります(white-space: nowrap
)し、オーバーフローしたコンテンツを非表示にする必要があります(overflow: hidden
)。これらの条件を満たすことで、テキストがオーバーフローした場合に省略記号が表示される効果が実現できます。
————————————————————————————————————
word-wrap: break-word;
—— コンテンツは境界内で改行されます。必要に応じて、単語の内部で改行が許可されます。
————————————————————————————————————