Question

我有以下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打破界限，谢谢

Answer 1

你可以使用nowrap：

span{
  white-space: nowrap;
}

Answer 2

在您的两个范围内添加display:block;

请参阅此design

或

http://jsfiddle.net/hLL9R/

Answer 3

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

span { display:block; float:left }

如何在两行中避免跨度中断的内容？

3 个答案: