ぺんろぐ

Windows、Webデザイン、ネット、ゲームなど中心とした気まぐれ更新ブログ。

HTMLで半角英数を改行する方法(テーブルのtdも対応)

HTML(CSS)で
半角英数の文字列を自然改行させる方法。
表内のセルも対応。

htmlとCSSの記述例は以下。

スポンサードリンク


これをCSSにかいてクラスで呼び出せばOK。
word-wrap: break-word;

★CSSにかく記述例
.kaigyo{
   word-wrap: break-word;
}
★htmlにかく記述例
<span class="kaigyo">sugeeeeeeeeeeeeeeeeeee!!!!!!</span>



ただしtable内のtd(セル)の文字には効かない。
テーブルの場合は以下の記述なら効く。

table-layout:fixed;word-break:break-all


★CSSにかく記述例
.kaigyo2{
   table-layout:fixed;word-break:break-all
}
★htmlにかく記述例
<span class="kaigyo2">sugeeeeeeeeeeeeeeeeeee!!!!!!</span>

スポンサードリンク

  1. 2015/02/22(日) 18:57:53|
  2. WEBデザイン
  3. | コメント:0

コメント

コメントの投稿

管理者にだけ表示を許可する

FC2Ad