在日常开发网站中,我们常常会用到div容器
但是在使用的过程中我们发现div为块级元素会铺满整个宽度
但是在一些业务需求中 需要多个容器排列在一排
那么我们该如何解决这种问题呢 在这里介绍两种方法
第一种
给父级div设置属性display值为flex,
给子级div设置属性flex值为1,
这样就可以实现多个div排列在同一行了
第二种
利用浮动的知识可以实现 ,
给想要排列在一行的div设置左浮动属性float:left;
既可以实现!
在日常开发网站中,我们常常会用到div容器
但是在使用的过程中我们发现div为块级元素会铺满整个宽度
但是在一些业务需求中 需要多个容器排列在一排
那么我们该如何解决这种问题呢 在这里介绍两种方法
第一种
给父级div设置属性display值为flex,
给子级div设置属性flex值为1,
这样就可以实现多个div排列在同一行了
第二种
利用浮动的知识可以实现 ,
给想要排列在一行的div设置左浮动属性float:left;
既可以实现!
Copyright © 2018 - 2021 www.yd166.com., All Rights Reserved.