white-spaceの検索結果1 - 3 件 / 3件

• あとで読む

  半角スペースを表示したいなら ではなくwhite-space: pre;を使いましょうという話 - Qiita

  • 67 users
  • qiita.com/Hotari
  • テクノロジー
  • 2024/03/17

  Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?

  • css
  • HTML
  • あとで読む
  • qiita
  • 資料
  • プログラミング

  
• あとで読む

  【HTML】CSSでtableのtdを改行させない方法(white-space: nowrap;の使い方)

  • 9 users
  • skill.u-ff.com
  • テクノロジー
  • 2023/10/23

  【HTML】CSSでtableのtdを改行させない方法(white-space: nowrap;の使い方) 表(意図しないところで単語が改行される) 上記のような表があって、3列目(理由)の欄が長すぎる影響で、1・2列目(あげた人・もらった人)の欄の人名が意図しないところで改行されてしまう そういう場合は、以下のようなCSSを設定すると td:nth-of-type(-n+2) { width: 0; white-space: nowrap; } 改行せずにちょうどいい具合の列幅になってくれます nowrap CSSでtd要素に white-space: nowrap; を指定してやることで改行(折り返し)を禁止にできます また width: 0; を指定することで列幅をできるだけ小さく(文字幅ぴったりに)することができます tableで特定の列にだけcssを適用する方法 nth-of-t

  
• あとで読む

  【HTML】<wbr>タグ+white-space: nowrap;はNG｜みきやのプログラミング部屋

  • 3 users
  • prog.morisakimikiya.com
  • テクノロジー
  • 2021/12/16

  折り返し候補の位置を指定したいときにwhite-space: nowrap;で改行禁止にしたうえで、<wbr>タグの位置でのみ改行を許すという方法。 PC,SPともにFirefoxには有効でないようです。 正確には<wbr>タグが効きません。 改行されずはみ出してしまいます。 word-break: keep-all;を使おう <style type="text/css"> p{ /* white-space: nowrap; */ word-break: keep-all; } </style> <p>hoge<wbr>fuga</p> 大きな修正なくモダンブラウザに対応させるためには、<wbr>タグ+white-space: nowrap;を<wbr>タグ+word-break: keep-all;に変更すればOKです。 この方法であれば、<wbr>タグを含むhtml文書を書き換える必