前军教程网

中小站长与DIV+CSS网页布局开发技术人员的首选CSS学习平台

html中解决多个容器排列在一行问题?

在日常开发网站中,我们常常会用到div容器

但是在使用的过程中我们发现div为块级元素会铺满整个宽度

但是在一些业务需求中 需要多个容器排列在一排

那么我们该如何解决这种问题呢 在这里介绍两种方法

第一种

给父级div设置属性display值为flex,

给子级div设置属性flex值为1,

这样就可以实现多个div排列在同一行了

第二种

利用浮动的知识可以实现 ,

给想要排列在一行的div设置左浮动属性float:left;

既可以实现!

发表评论:

控制面板
您好,欢迎到访网站!
  查看权限
网站分类
最新留言