html - 在换行符之间添加垂直间距

Question

这似乎是一个常见的 CSS 问题，但出于某种原因我找不到答案。

考虑以下代码:

<div style="width:50px;border:1px solid #000">
    THis is a looooooooong text. and it goes on and on and on and on and on and on and on and on and on and on
    <br/>
    2nd line
    <br/>
    3rd line 3rd line 3rd line 3rd line 3rd line 3rd line 3rd line 
    <br/>
    last line
</div>

使用 仅 CSS 我想在 <br/> 之间添加垂直空间标签。

line-height 适用于整个内容，并将 CSS 附加到 <br> (即:br{ margin:10px 0})，似乎也不起作用(至少在 Chrome 中)，所以我想知道这是否可能。

谢谢。

jsfiddle

Answer 1

br
{
    content: " " !important;
    display: block !important;
    margin:30px;
}

试试这个