Html 停止<;p>;从换行到新行的标记

Html 停止<;p>;从换行到新行的标记,html,css,Html,Css,我在标签中有一些内容。由于IE中的某些原因如果我正确解释了问题,您可以使用。我建议使用overflow-x,除非IE8不理解它 您可以将空白:nowrap添加到p标记css中,它将停止包装 您可以在此处阅读更多信息:请编辑您的问题,并将相关代码添加到问题正文中。StackOverflow上关于代码的问题应始终包含问题中的代码,而不是在链接后面。@rlemon这就解决了它。这绝对是一个需要记住的诀窍——thanksI用同样的信息添加了一个答案。我发现我要再次回答你的一个问题,真是太好笑了。我觉得自

我在
标签中有一些内容。由于IE中的某些原因如果我正确解释了问题,您可以使用
。我建议使用overflow-x,除非IE8不理解它

您可以将
空白:nowrap
添加到
p
标记css中,它将停止包装


您可以在此处阅读更多信息:

请编辑您的问题,并将相关代码添加到问题正文中。StackOverflow上关于代码的问题应始终包含问题中的代码,而不是在链接后面。@rlemon这就解决了它。这绝对是一个需要记住的诀窍——thanksI用同样的信息添加了一个答案。我发现我要再次回答你的一个问题,真是太好笑了。我觉得自己像个讨厌鬼。不过我没有IE——你能给我看一些它的屏幕截图吗?我会在下一次进入IE框时附上屏幕截图。
<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>
.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;
}