跨越分裂,如何避免？

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

简单的CSS:

 white-space: nowrap;

更新了jsFiddle:http://jsfiddle.net/STG22/5/

完整的CSS:

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