カテゴリ「スタイルシート」のトップページへ
カテゴリ「スタイルシート」のタイトル一覧を見るカテゴリ「スタイルシート」のタイトル一覧を見る

文字サイズを大きくしたときにもレイアウトが崩れないようにしたい

2008年11月 6日 20:59| コメント(0)| トラックバック(0)

ひとつの単語が長いと、文字を大きくしたときに思わぬ結果を招いてしまう。

overflow処理前

英単語はその長さのまま折り返されることなく表示されてしまうので、たちが悪い。

文字がはみ出てしまうときの処理(ブラウザに委ねる場合)

#hoge {
	width: 200px;
	overflow: auto;
}

基本的には下のように、スクロール表示になる。

overflow処理後

あまり美しくないが、レイアウト自体が崩れてしまうくらいなら、こちらのほうがマシ。

タグ:

コメントする