html - Firefox 强制文本在同一行

Question

我有一段 HTML 和 CSS

<style type="text/css">
    #main *{
        position:absolute;
    }
</style>

<div id="main">
    <div class="cards_description">
        Business
        <br />
        Cards!
    </div>
</div>

在火狐中。即使有换行符。文本在同一行

商业名片！

代替

商业

牌！

我在chrome中没有这个问题。是否有一些 CSS 可以纠正这个问题？

我使用的是 Firefox 版本 17.0.1。

Answer 1

尝试将其包装在<p>标签中，例如：<p>Business <br />Cards!</p>

Answer 2

<style type="text/css">
    ...
    .cards_description span {
        display : block;
    }
    ...
</style>

<div id="main">
    <div class="cards_description">
        <span>Business</span> <span>Cards!</span>
    </div>
</div>