跨越分裂，如何避免？

Question

问题在于：http://jsfiddle.net/STG22/3/

我希望跨度不会分成两个不同的行（如上例中的第三行）。我该怎么办？

---

CSS：

span
{
    background: red;
    border-radius: 5px;
    width: 60px;
}

HTML：

<div style="width: 250px">
    <span>omg omg omg</span>
    <span>omg omg omg</span>
    <span>omg omg omg</span>
    <span>omg omg omg</span>
</div>

Answer 1

Answer 2

您可以将css属性white-space设置为nowrap，这会因空间限制而停止换行

Answer 3

使用white-space:nowrap或display:inline-block（未设置width）。

如果您不知道：width不会影响<span>等内联元素。