如何在CSS中進行多次休息？

Question

我想通過在CSS中以某種方式顯示內容，但沒有<br>標記。事情是這樣的：

Hi <br><br><br><br><br><br><br><br><br><br> Hello <br><br><br><br><br><br><br><br><br><br> Bye

Answer 1

，如果你需要針對純文本可以使用<pre>標籤。

<pre> 
 
one 
 

 

 

 

 
two 
 

 

 

 

 

 
three 
 
</pre>

或者，CSS方式white-space: pre;像<div>其他元素。

div { 
 
    white-space: pre; 
 
}

<div> 
 
one 
 

 

 

 

 
two 
 

 

 

 

 

 
three 
 
</div>

Answer 2

您可以使用這些CSS屬性的，但是你必須把文本轉換成HTML標籤，如<p>，div等：

高度
邊距
margin-bottom
填充頂部
填充底部

#midP{margin-top:50px;margin-bottom:20px;border:1px solid red;}

<p>Hi</p> 
 
<p id="midP">Hello</p> 
 
<p>Bye</p>