html - 如何使用 CSS 模拟 (br 标签)？

Question

我这里有下面一行 css 和 html:

CSS:

.top, .title {
font-weight: bold;
}
.bottom, .Content {
}

HTML:

<span class='title'>Title</span>
<br/>
<span class='Content'>Content</span>
<br/><br/>

我想替换 <br/>在 CSS 中使用等效标记，但我正在努力解决它。如果有任何帮助，我将不胜感激。

我试过 margin-bottom、margin-top、line-height，都没有用。

Answer 1

您可以像这样模拟 BR 标签宽度 CSS:

span:after {
    content: ' ';
    display: block;
}

如果需要在跨度内容之前模拟“br”，请使用选择器“:before”

jsfiddle