2016-10-22 1 views
1

CSS white-space:pre-wrapの代わりに<br>を使用するメリットがあるのでしょうか。css pre-wrapとbrを使用していますか?

私が遭遇したほとんどのサイトでは、プレブラップではなく、コメントセクションやその他のユーザー記述セクションの改行のために<br>を使用しています。プレラップが実装しやすくなっているように、これがどのようなメリットを持っているのか疑問に思っていたら、ユーザーは自分自身の行間隔を設定することができます。これは私にとっては、より良いユーザーエクスペリエンスのように思えます。

非常に古いブラウザ(IE 7-)は、使用法やサポートが非常に低いために忘れられていたようだが、ホワイトスペースを完全にサポートしていないようだ。

答えて

0

個人的には、white-space: pre-wrapを使用することの欠点は、スペース/タブを追加することではなく、HTMLは複数のスペースを通常1つのスペースとしてカウントすることです。これは時には醜いことがあります。また、UI開発者は、可変のユーザー入力で、コメントセクション(たとえば)がどのように見えるかをコントロールすることが少なくなります。

は、単語の間のスペースは、新しい行の先頭に表示されることができる方法と同様に、スペースが行全体を取ることができますどのように気づく、物事が台無しかもしれない方法の例については、このCodepenを参照してください。

私は個人的には、コンテンツを予期された方法で表示するためのより大きなコントロールを可能にするため、従来の<br />方法に固執することを好みます。

+0

プレラップは、実際にはホワイトスペースを節約します。見てみましょうhttp://www.w3schools.com/cssref/pr_text_white-space.asp –

+0

@PHClausそうです、それは 'br'と' pre-wrap'を比較しているなら、おそらくあなたがしたいことではないでしょう。コメントセクションを表示する目的で(OPに記載されているように) –

+0

それは私自身のサイトのコメントにそれを使用し、それは非常にうまく動作します。良いスタイルごとに、あなたはCSSを好んでbrを落とすように勧めたくなるでしょう。私はdivを完全に避ける傾向があります。ただ個人的な味の問題ですが、イホ。 –

関連する問題