Firefox 强制文本在同一行答案

【问题标题】：Firefox forcing text on same lineFirefox 强制文本在同一行
【发布时间】：2012-12-14 01:31:11
【问题描述】：

我有一段 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。

【问题讨论】：

标签： html css firefox xhtml

【解决方案1】：

尝试将其包装在  标记中，例如：Business Cards!

【讨论】：

经过测试，当您使用  标记包装文本时，它确实可以在 Firefox 中使用。
段落默认是块级元素，他不需要换行，因为元素会占据所有可用空间。
如果我把它包起来，它似乎可以工作。感谢您的帮助！
@John 你真的应该把它包装在
标记中，因为它是段落的正确 HTML 标记：w3schools.com/html/html_paragraphs.asp

【解决方案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>

【讨论】：