您的位置:首页 > CSS入门 > 【 返回上一页

让html里div后面div不换行排版

html布局中,让div并排显示,div后面紧跟div不换行——div后下一个同级div并排不换行

默认div独占一行的,两个div盒子自然是上下两排换行显示。

换行两个div盒子
换行两个div盒子

css布局div后面div不换行方法:

一、div设置float属性

div{ border:2px solid #F00; float:left}

对div设置float:left浮动属性实现后面div并排

float实现并排
float实现并排

二、不换行条件

两个div并排不换行,通常设置float浮动样式实现,有个条件为要不换行显示div宽度之和必须小于或等于父级宽度,这样才能排下实现并排。

 

如需转载,请注明文章出处和来源网址:https://www.thinkcss.com/css/1373.shtml

修订日期:2017-07-08 15:47 css学习与资料网 thinkcss原创