改行に関連する CSS 属性の簡単な紹介_html/css_WEB-ITnose

改行に関連する CSS プロパティの簡単な紹介:
CSS レイアウトでは、行を折り返すかどうか、および改行方法を手動で操作する必要がある場合があります。この章では、簡単に説明します。
1.word-break 属性:
この属性は、テキストの分割方法を設定するために使用されます。
文法構造:

word-break:normal | break-all | keep-all

パラメータ分析:
1.normal: デフォルト値、原則として、ハイフネーションポイントでの改行を規定します。平たく言えば、単語の間で改行を行うことができます。単語が特に長く、行の長さを超えると、単語内で分割されて折り返される可能性があります。
2.break-all: この属性値は、単語を内側から強制的に切り詰めて改行効果を実現できます。その威力は、単語のラップよりも関連性の高い横暴な単語「break-all」からわかります。属性
CSS3 の word-break 属性の詳細な説明については、この章を参照してください。
2. word-wrap 属性:
この属性は、上記の word-break 属性と同様の機能を持ち、テキストがコンテナーからはみ出すかどうか、そしてもちろんテキストを折り返す方法を指定するために使用されます。
文法構造:

word-wrap: normal | break-word

パラメータ分析:
1.normal: デフォルト値。テキストがコンテナの境界を超えることを許可します。あまり長くない漢字や英単語の場合は改行されますが、非常に長い英単語の場合は単語内で区切って改行されます。 word-break:normal と同じ機能。
2.break-word: この属性は、コンテンツがコンテナの境界を超えてはいけないことを規定しており、原則として単語内での改行は許可されません。ただし、単語が長すぎる場合は、単語内からも改行されます。改行を表す言葉。
その他の関連コンテンツについては、CSS3 の word-wrap 属性の使用法の詳細な説明の章を参照してください。
ワードブレークとワードラップの違いについては、ワードブレーク属性とワードラップ属性の違いの章を参照してください。

元のアドレスは次のとおりです: http://www.softwhy.com/forum.php?mod=viewthread&tid=13395

詳細については、以下を参照してください: http://www.softwhy.com/divcss/