日期:2014-05-17  浏览次数:20626 次

文章里面有多个div,如何让这些div不换行。
比如文章里面有很多div,
比如:(下面的是代码模式)

昨天,为期三天的<div class="x1">复旦大学</div>自主招生面试落幕。记者发现,不少<div class="x1">学生/<div>将自己的面试实录“搬”上网,与众多网友分享,培训机构借此 “暗示”猜中多题。有人质疑,高校自主招生陷入“被应试”魔咒。对此,专家表示,<div class="x1">自主招生</div>面试本来就没有标准答案,准备是没有用的。


请问如何才能保证这些div的地方不换行。。

因为默认情况下,有div的地方,会自动换行。。




------解决方案--------------------
.x1{display:inline}
------解决方案--------------------
改为用span吧
------解决方案--------------------
方法一:float:left或者 float:right;注意父容器的大小。
方法二:div style的display属性设置为:inline。
------解决方案--------------------
行内建议用span
用div块级元素在行内展示的话可以设置其display属性为inline或者inline-block
------解决方案--------------------
请注意标签的语义化问题,不要为了达到某效果而得div综合症,呵呵
------解决方案--------------------
div不换行,不如用span