空白を使わずに 要素内でテキストを折り返すにはどうすればよいですか?

空白のない要素? " />

内で空白を使用せずにテキストを折り返すには、テキスト内に空白を許可せずに

要素内でテキストを折り返すには、次のようにします。文字の連続シーケンスの場合、いくつかの CSS プロパティを利用できます。

単語区切り: Break-all プロパティを使用すると、文字内であってもどこでも単語を分割できます。ただし、このプロパティだけではすべてのブラウザで十分ではない可能性があります。

互換性を確保し、必要な折り返し動作を実現するには、追加のプロパティを組み合わせることができます。適用:

• 空白: -moz-pre-wrap !重要;: Mozilla ブラウザ
• 空白: -webkit-pre-wrap;: Chrome および Safari ブラウザ
• white-space: -pre-wrap;: Opera 4 ～ 6 ブラウザ
• white-space: -o-pre-wrap; : Opera 7 ブラウザ
• white-space: pre-wrap;: CSS3 準拠ブラウザ
• word-wrap:break-word;: Internet Explorer 5.5 ブラウザ

さらに、正しくなるように、white-space:normal; プロパティを最終宣言として含める必要があります。すべてのブラウザでラップします。

このソリューションを実装するには、次の CSS クラスを

に適用します。 element:

.wrapword {
    white-space: -moz-pre-wrap !important;  
    white-space: -webkit-pre-wrap;          
    white-space: -pre-wrap;                 
    white-space: -o-pre-wrap;               
    white-space: pre-wrap;                  
    word-wrap: break-word;                  
    word-break: break-all;
    white-space: normal;
}

次に、折り返すテキストを

で囲みます。 class="wrapword" 属性を持つ要素:

your text here

以上が空白を使わずに 要素内でテキストを折り返すにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。