15

次の HTML チャンクがあります。

<span class='instruction_text'>
  Line 1<br>
  Line 2
</span>

また、instruction_text の CSS 宣言は次のとおりです。

.instruction_text {
  margin-left: 70px;
  font-style: italic;
  color: #555;
}

最初の行には70px予想どおりの余白がありますが、次の行はインデントなしで始まります。すべての行をインデントするにはどうすればよいですか?

4

2 に答える 2

15

ブロックレベルの要素を使用します。 <div>デフォルトではブロックレベルですが、クラスにCSSdisplay:blockを追加するinstruction_textと、正しい方向に進むはずです。

于 2010-03-25T00:49:04.970 に答える
2

SPAN要素内でBRタグを使用することは、インライン要素のSPANとしてはあまり意味がありません。つまり、テキスト行または他のインライン要素のフローで使用することを目的としています。

実際には、DIVやPなどの「ブロック」レベルの要素である要素を使用する必要があります。たとえば、複数行のテキスト（またはインライン要素）を含むように設計されている要素です。

お気づきのように、SPAN内でBRタグを使用すると、改行が発生しますが、インライン要素はマージン/パディングなどでうまく機能しません。

于 2010-03-25T00:55:43.660 に答える