文章の折り返しについて

[統計] HTMLからXHTMLへの移行を進めていますか?



0   名前: 愛浦憂馬 : 2005/09/09 05:58  [URL
文章の中に折り返せない文字があるのですが

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html lang="ja">
<head>
<META http-equiv="Content-Type" content="text/html; charset=Shift_JIS">
<title>サムプル</title>
<meta http-equiv="Content-Style-Type" content="text/css">
</head>
<body>

改行される↓<br><br>

<div style="width:728px;border:1px #000000 solid;">
あああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああ
ああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああ</div>

<br><br><br><br><br><br><br><br><br>
改行されない↓<br><br>

<div style="width:728px;border:1px #000000 solid;">
・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・</div>
</body>
</html>

サンプル:
http://poem.vis.ne.jp/chat/sam.html

普通の文字は折り返されるのですが
「・」などの文字が続くと文字が折り返されません
どうにかならないでしょうか??

1   名前: モノ : 2005/09/09 05:58
試しにアルファベットを意味なく羅列してみてください。
同じような状態を確認出来るでしょう。
<div style="width:728px;border:1px #000000 solid;">
aaaaaaaaaaaaaaaaaaaaaaaaaaaaacaaaaaaaaaabaaaaaaaaaaaaaaaaaaaddaaaaaaaaaaaaaaaaaaaaaaaxaaaaaaaaaaaaaaaefaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaahaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa</div>

また、アルファベットの羅列の所々に半角スペースを混ぜてみてください。
それを単語(?)の区切りと認識し、改行されます。
羅列部分が長ければやはりはみ出ますが。

#「単語(?)」とか曖昧でスイマセンが…

2   名前: ココ : 2005/09/09 05:58
スタイルシートの

word-wrap:break-word;
word-break:break-all;

なんかで改行OKでしたよ。
IE6でしか確認してませんが・・・

3   名前: 愛浦憂馬 : 2005/09/09 05:58  [URL
モノさん、ココさん、返信ありがとうございます。

>word-wrap:break-word;
>word-break:break-all;

この方法で出来ました!
半分あきらめたのですが
教えてくれてありがとうございます、助かりました。

一覧へ戻る