5

私は宣言widthしmarginsましたが、どういうわけか私の行は自動改行でラップされませんでした。

ここに画像の説明を入力してください

編集：私は原因を見つけました。これは、単語の間にスペースがないためです。

teest teest teest teest teest teest teest teest teest teest teest teest teest teest teest teest teest teest teest teest teest teest teest teest teest teest teest teest teest teest teest teest teest teest teest teest teest teest 
4

6 に答える 6

10

textがある要素には、css宣言が必要です。

div {
    display: block;
    width: 200px; /*based on how much width this div should have*/
}

それが機能しない場合は、次のことを試してください。

div { word-wrap: break-word }
于 2012-07-31T09:24:51.690 に答える
4

これを1つずつ試してください。状況によっては役立つはずです。

p{
    display: block; /* or inline-block, at least its a block element */
    width: 100px; /* or width is certain by parent element */
    height: auto; /* height cannot be defined */
    word-break: break-all; /*  */
    word-wrap: break-word; /* if you want to cut the complete word */
    white-space: normal; /* be sure its not 'nowrap'! ! ! :/ */
}
于 2015-03-24T01:59:32.350 に答える
1

これにより、各行の各文が印刷されます。<br>

<p style="font-family:courier;white-space: pre;">
First Line
Second Line
Third Line
</p>

たとえば、jsfiddlehttp://jsfiddle.net/muthupandiant/sgp8rjfs/を確認します 。

于 2015-02-04T11:02:16.060 に答える
0 
    Try with `word-wrap` 

     #id
         { 
           word-wrap: break-word ;/*Allows unbreakable words to be broken*/
         } 

     #id
        { 
          word-wrap: normal ;/*Break words only at allowed break points*/
        }
于 2012-07-31T09:34:11.967 に答える
0

本当の問題は、なぜ地球上で＆nbsp;を使用したいのかということです。あなたの場合は？

これは、スペースごとに1バイトではなく6バイトです。

ストレージとファイルサイズの浪費に加えて、検索エンジンはそれを理解しようとするボールを持っています。

＆nbsp;を使用しなければならない理由は何でもオプトアウトします。そして、SEOと-さらに重要な-無駄の少ないスペースの両方のために、プレーンでシンプルなスペース（ ""）をオプトインします。このようにして、同じ目標を達成しますが、Webサイトの訪問者に少量のダウンロードを配信します。

于 2012-07-31T13:40:07.263 に答える
0

それを行う別の方法は次のとおりです。

white-space: pre-wrap; // preserve whitespace, the text is wrapped
overflow-wrap: break-word; // text is wrapped, line break on the end of a word
于 2020-01-29T02:19:34.763 に答える