html怎么把两个块放在一行,html怎么让两个内容并排

首页 > 实用技巧 > 作者:YD1662023-04-28 18:01:26

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

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

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

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

第一种

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

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

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

第二种

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

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

既可以实现!

栏目热文

文档排行

本站推荐

Copyright © 2018 - 2021 www.yd166.com., All Rights Reserved.