単純なhtmlとcssについてです。
<html>
<head></head>
<body>
<div style="width:100px;">
○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○
</div>
</body>
</html>
<div>の幅を100pxにしてその中の文字をこの幅に収めようと思って記述しました。
文字列をソース内で「改行なし」で記述するとIE6と7では上記の通りになるのですが
mozilla、Opera（いずれも最新ver）では文字列がdivを突破して横スクロールが出てしまいます。
何か見落としていているだけで簡単に解決できるかなと思ってgooで聞いてみたのですが、
解決できなかったので、はてなで再質問させてください。よろしくお願いします。
ベストアンサー
-
tsukis
満足35pt
「○○○○○○○○○○○○○○○○○○○○○○○○○」や「aaaaaaaaa」などの連続したアルファベットは一つの単語としてみなされるのでmozillaやOperaでは改行されません。
改行したい場合は、改行したい部分にbrを入れるか、
div要素にoverflow: hidden; 等を設定し、はみ出た部分を非表示にすることで、レイアウトの崩れは解決できると思い尾ます。
-
plugbot
-
plugbotその他の回答
-
drowsy
満足35pt
求めておられる回答と違ったら申し訳ないのですが、
（gooでのやりとりが見えたらよかったかも…
URLあったらgooで試した方法は回答から除外されるので）
○○○○○○○○○○
○○○○○○○○○○
○○○○○○○○○○
○○○○○○○○○○
という表示をさせたいですか？それとも単に「○」はテストの為のダミー？
ダミーだった場合は、通常の文章を入れてみてください。
100pxでも200pxでもきちんと表示されると思います。
-
plugbot
-
この質問へのコメント
質問の情報
- 登録日時
- 2007-10-16 16:43:25
- 終了日時
- 2007-10-16 17:07:55
- 回答条件
- 回答にURL必須 1人2回まで
この質問のカテゴリ
この質問に含まれるキーワード
人気の質問
-
二重整形って最小何歳でできるんですか
匿名質問者
1
1
-
さんたって親なんですか匿名質問者
-
おかず交換をしたいのですが、下記、いずれかでも良いので教えてください。 1. おかず交換会をしている場所…
o9bot1
11
-
日本の医療費の総額を知りたい。 家計と健保と自治体の助成金の3種で、医療機関の収入は成り立っていると思…匿名質問者131
-
思春期で親がうざいときどうすればいいですか。匿名質問者11
大変ありがとうございました。
解決できてよかったです。