您的位置:首页 > 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宽度之和必须小于或等于父级宽度,这样才能排下实现并排。

 

标签(Tag): 并排 div不换行
本文分享URL地址:http://www.css5.com.cn/css/1373.html

更多

上一页: 上一篇:margin是什么意思
下一页: 下一篇:css文字行高设置_对象标签内字体行高设置

 

CSS必备基础教程 - TOP

 

热门信息

 

CSS5更新 - TOP

 

 

如对文章有任何疑问请提交到DIV CSS论坛,或有任何网页制作CSS问题立即到CSS论坛发贴求解。
CSS教程文章修订日期::2017-07-08     点击:
原创:CSS5     来源网址:http://www.css5.com.cn/css/1373.html
本文www.css5.com.cn(DIV CSS) CSS5版权所有,欢迎转载,并注明出处来源及URL!