阻止<p>标签换行到新行

Question

>我在<p>标签中有一些内容。由于某种原因，在 IE<8（也可能大于 8）中，行上最后一个 <p> 标记的内容会环绕。

有没有办法阻止这种情况发生？

示例链接

注意实际表单将使用 post 而不是 get，我刚刚更改了它，以便我可以链接到结果。

我的网页

<div class="box">
    <p>
        <span class="letter taller"></span>
        <span class="letter"></span>
        <span class="letter taller"></span>
        <span class="letter hanging"></span>
    </p>
</div>

我的 CSS

.letter {
    display: inline-block;
    *display: inline;
    zoom: 1;
    padding-top 1.618em;
    border-width: 1px;
    border-style: solid;
    width: 2em;
    height: 2em;
}
.box {
    float: left;
    padding-left: 1.618em;
    padding-top: 5em;
}
.taller, .hanging {
    height: 4em;
}
.hanging {
    position: relative;
    top: 2em;
}

Answer 1

您可以将white-space: nowrap添加到p标签 css 中，它将停止包装。

您可以在此处阅读有关它的更多信息：https://developer.mozilla.org/en-US/docs/Web/CSS/white-space

Answer 2

如果我正确地插入了这个问题，您可以使用 .我建议使用overflow-x，除了IE8不理解它。