ホームページ  >  記事  >  ウェブフロントエンド  >  【CSS3】-text-overflow と word-wrap_html/css_WEB-ITnose

【CSS3】-text-overflow と word-wrap_html/css_WEB-ITnose

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

text-overflow は、オブジェクト内のテキストのオーバーフローをマークするために 省略マーク(...) を使用するかどうかを設定するために使用されます。

文法:

しかし、text-overflowは、オーバーフローしたときにテキストを表示する方法を説明するためにのみ使用されます。省略記号の効果を得るには、テキストを強制的に表示するも定義する必要があります。 1 行で (white -space:nowrap)、 オーバーフロー コンテンツが非表示 (overflow:hidden) この方法でのみ、 省略記号を表示するオーバーフロー テキストの効果を実現できます。 コードは次のとおりです。

同時に、

word-wrap

も使用できます。

テキストの動作を設定し、指定したコンテナの境界を越えたときに現在の行を改行するかどうかを設定します。 文法:

normal

はブラウザのデフォルト値です。

break-wordlong word または URL アドレス 内で折り返されるように設定されています。この属性は一般的には使用されません。ブラウザのデフォルトを使用してください。価値。 》》》》》》》》》》》》》》 》》》》》》》》》》》》》》》》《》》

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