沉冰浮水

沉冰浮水

做最终到的事,成为最终成为的人!
github
bilibili
mastodon
zhihu
douban

CSS 強制改行/改行しない関連

タイトル:CSS 強制改行 / 改行しない関連
日付:2013 年 03 月 31 日 13 時 48 分 58 秒
タグ:

  • CSS
  • コード
  • いじくり回す
    カテゴリ:
  • コンピューターネットワーク
    ID:1636
    エイリアス:20130331901

この記事の元のリンクは以下の通りです:

CSS 強制改行 / 改行しない関連

https://www.wdssmq.com/post/20130331901.html

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; —— コンテンツは境界内で改行されます。必要に応じて、単語の内部で改行が許可されます。

————————————————————————————————————

読み込み中...
文章は、創作者によって署名され、ブロックチェーンに安全に保存されています。