1

コンテナの幅で段落の区切り点を設定する必要がありますか、それとも br を使用しますか?

例：

<div  style="width: 30px;">
    <p>
        Foo bar test
    </p>
</div>

または

<p>
    Foo<br>
    bar<br>
    test
</p>

http://jsfiddle.net/APcU3/

私はいつも、コンテナに幅を設定することでそうすべきだと思ってきました。しかし、私はフロントエンドではなく、完成させるために与えられた HTML テンプレートのかなりの数が BR メソッドを使用しています。

4

2 に答える 2

3

それは、具体的に何を達成しようとしているかによって異なります。ページの特定の幅に合わせて単語を折り返そうとする場合、最初の例はどのようにアプローチするかです (一般的なルールとして、レイアウトの問題を調整するcssには、 markup ではなくを使用する必要があります)。

ただし、これらの特定の場所で改行する必要がある論理的な理由がある場合は、その<br />方法が適切です (たとえば、単語の長さに関係なく、各単語がそれぞれの行にあることを確認したい場合は、マークアップ ( <br>) を使用することは問題ありません. ただし、このような状況でも、ブレーク文字を具体的に使用するための実際のロジックがない限り、より意味のあるセマンティック マークアップに依存したい場合があります. つまり:

<p class='thin_column'>
  <span>Foo</span> 
  <span>Bar</span>
  <span>test</span>
</p>

css ルールを含めます。

.column {width:50px;}
.column span {display:block;}

このように、CSS を使用してレイアウトを根本的に調整することはできますが、各単語の後に改行を強制することになります。

于 2013-02-28T16:30:03.187 に答える
3

スタイルと構造(またはこの例のコンテンツ) を混在させないでください。-method (インラインではなく css クラスで使用されるwidth) は、これを実現する唯一の方法です。

この<br>要素は、特定の位置で改行を強制するためにのみ使用されます。しかし、それはスタイリングの問題ではなく、コンテンツに依存します。

于 2013-02-28T16:30:13.337 に答える