4

我有以下jsFiddle。当我调整窗口大小时，跨度分为两行。我该如何防止呢？我希望整个跨度都转到第二行。

<html>
    <body>
        <div id="dvContainer">
            <span style="border:1px;border-style:solid;margin-right:5px;padding:5px;">some text for the first span</span>
            <span style="border:1px;border-style:solid;margin-right:5px;padding:5px;">second text for second span</span>
        </div>
    </body>
</html>

编辑：

我需要它们彼此相邻，但是当我调整屏幕大小时，我希望整个 div 打破界限，谢谢

4

3 回答 3

20

您可以使用 nowrap：

span{
  white-space: nowrap;
}
于 2013-04-01T18:32:03.137 回答
2

添加display:block;你的两个跨度

看到这个 设计

或者

http://jsfiddle.net/hLL9R/

于 2013-04-01T18:35:58.117 回答
1

多一点跨浏览器（我的意思是旧的 IE 和内联块）

span { display:block; float:left }
于 2013-04-01T18:41:39.803 回答