nowrapの検索結果1 - 2 件 / 2件

• あとで読む

  【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文書を書き換える必