0

divで長いテキストを書くと、長いテキストがdivの壁を超えます。どうすれば複数行で表示できますか?

私のテストコードは以下の通りです

<html>
<body>
<div style="left: 700px; top: 150px; width: 400px; height: 360px; border:1px solid">1234567890123456789012345678901234567890123456789012345678901234567890123456789012345678901234567890</div>
</body>
</html>
4

3 に答える 3

5

CSSword-wrapプロパティを使用します。

div {
     word-wrap: break-word;
}
于 2012-05-09T00:52:07.723 に答える
1

コンテンツを分析し、許容される改行ポイントを決定する必要があります。あなたの質問では、内容は数字の文字列です。任意の桁の後で、または3桁ごとに、またはどのように壊すことができますか?実際のコンテンツはおそらく別のものであり、そのタイプによっては許容できるブレークポイントがある場合があります。たとえば、URLを分割するルール、数式を分割するルール、単語間にスペースを使用しない言語のテキストを分割するルールがあります。

休憩を許可する場所が決まったら、<wbr>許可されているすべての休憩ポイントにタグを挿入するのが最も確実な方法です。現在ほぼ同じように機能する標準準拠の方法は、たとえば文字参照を使用して、ゼロ幅スペース文字を挿入すること&#x200b;です。詳細:http ://www.cs.tut.fi/~jkorpela/html/nobr.html#suggest

任意のポイントが許容可能なブレークポイントである非常に特殊なケースでは、CSS宣言word-wrap: break-wordを使用できます。コンパクトで、最新のブラウザーで機能します(サポートについてはhttp://caniuse.com/#feat=wordwrapを参照してください)。

于 2012-05-09T03:29:38.643 に答える
0

スペース文字がない場合は、ワードラップを使用できないため、使用できません!!!

于 2012-05-09T01:16:39.477 に答える