2012-07-01 104 views
1

如果我有一個用於引用的CSS容器,但引用跨越幾個段落,我如何設置格式以顯示容器內的多個段落?例如:css容器中的段落格式

#quotebox { 
width: 80%; 
border-top: 1px solid #242729; 
padding-left: 10%; 
padding-bottom: 2%; 
} 

我的容器是用於CSS中的引號。然後我有一個多段落的報價。現在我有這樣的:

<p id="quotebox">「Lorem ipsum dolor sit amet ... 」</p> 

其中的報價是幾段。如果我這樣做:

<p id="quotebox"> 

<p>paragraph 1</p> 
<p>paragraph 2</p> 

</p> 

格式化被破壞。有沒有辦法讓多個段落出現在這種CSS容器下?

+3

你可以用'div'標籤,而不是'p'標籤的包裝。 – Farahmand

+1

而不是一個'div',這是一個合理的建議,使用'blockquote'來代替它,因爲它的語義是有效的,並且把格式放在'blockquote'元素上,並且裏面有段落。 –

+0

請參閱['blockquote' specs](http://www.w3.org/TR/html401/struct/text.html#h-9.2.2),例如* BLOCKQUOTE用於長引語(塊級內容) *。 –

回答

1

<p>標籤不<p>不允許的,所以瀏覽器只是分裂標記爲4 <p>使#quotebox股利而不是