css中怎么让两个div并列

发表于前端技术学习版块 css,教程

在CSS中，如何让两个标签并列呢？有几种方法可以实现：方法一： display: inline-block; 将两个<div>标签都设置为inline-block，就能够让

在CSS中，如何让两个标签并列呢？有几种方法可以实现：

方法一： display: inline-block; 将两个<div>标签都设置为inline-block，就能够让它们并排显示了。

方法二： float: left; 将第一个<div>标签设置为float: left，第二个<div>标签设置为margin-left: xxpx（xx为第一个<div>标签的宽度），就能够让它们并排显示了。

方法三： flexbox布局 父元素设置为display: flex，就能够让所有子元素以可伸缩的方式排列。

以上三种方法都可以实现让两个标签并列，具体使用哪种方法，根据实际情况来决定。以上知识点也是Web前端必须掌握的基础内容之一。

文章说明:

本文原创发布于探乎站长论坛，未经许可，禁止转载。

题图来自Unsplash，基于CC0协议。

该文观点仅代表作者本人，探乎站长论坛平台仅提供信息存储空间服务。