div布局不换行

时间:2023-05-31 10:48:42

只要有足够宽,多个div并排不换行,使用float:left即可,只要这些div总宽度小于或等于父级盒子宽度即可实现div都不换行。

.nodiv{float:left}

div代码:

 

<div class="box">
<div class="nodiv">内容1</div>
<div class="nodiv">内容2</div>
<div class="nodiv">内容3</div>
</div>

以上如何内容1到内容3,很少内容,父亲class=box很宽,那么这些class="nodiv"对应div将不换行。

 

相关词 div 换行