2010-03-25 32 views
14

我有以下HTML塊:你如何縮進<span>元素的每一行?

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

而且instruction_text的CSS聲明:

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

第一行有一個70px利潤率預期,但下一行沒有縮進開始。我怎樣才能讓所有的行縮進?

+0

風格=「顯示打得好: inline-block; margin:0 50px 0 50px; worked for me – JinSnow 2016-03-25 07:38:38

回答

13

使用塊級元素。 <div>默認爲塊級別,但將CSS display:block添加到instruction_text級別應該會使您向正確的方向發展。

+0

完美謝謝 – 2010-03-25 00:51:19

2

在SPAN元素中使用BR標籤並沒有多大意義,因爲內聯元素中的SPAN意味着它被用於文本行或其他內聯元素的流中。

您確實應該使用像DIV或P這樣的「塊」級元素的元素,例如,一個旨在包含多行文本(或內聯元素)。

正如你已經注意到了,你可以用一個BR標籤SPAN內,就會造成線路中斷,但內聯元素不利潤率/填充等

+0

看起來有人先到了 – jonhobbs 2010-03-25 00:56:44

+1

我忘了'span'是一個內聯元素。 – 2010-03-25 01:32:30

相關問題