ホームページ  >  記事  >  ウェブフロントエンド  >  ワードラップ、ホワイトスペース、ワードブレークの違い_html/css_WEB-ITnose

ワードラップ、ホワイトスペース、ワードブレークの違い_html/css_WEB-ITnose

WBOY
WBOYオリジナル
2016-06-24 11:44:121187ブラウズ

1. word-wrap:break-word;

コンテンツは境界内で折り返されます。インライン オブジェクトを使用する場合は、高さ、幅、または表示:ブロックまたは位置を設定する必要があります。 :絶対。

2. word-break:break-all;

は単語の区切りを処理するために使用されます。 (最初の属性との比較に注意してください)、単語全体が削除されます

3.white-space:nowrap;

は、要素内の空白スペースを処理し、1 行にのみ表示するために使用されます。

4. text-overflow:ellipsis;

余分な部分は省略記号で表示されます。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。