我是靠谱客的博主 友好人生,最近开发中收集的这篇文章主要介绍css 多个div一行显示,觉得挺不错的,现在分享给大家,希望可以做个参考。

概述

需求:两个div块级元素在同一行水平显示。

说明:两种方法来实现

           1、两个div全部设置成display:inline-block;

            2、前一个div设置成为:float:left   后一个div设置为float:right

注意 :是两个div同时设置,我就设置了后边的那一个,结果调到心烦

2020-08-07

搬砖搬的多了,方法也就多了

          3、el-row  el-col

          4、display:flex   弹性布局

现在纠结的该是如何纵向居中了。我记得flex里面有个纵向居中,改天研究

 

 

最后

以上就是友好人生为你收集整理的css 多个div一行显示的全部内容,希望文章能够帮你解决css 多个div一行显示所遇到的程序开发问题。

如果觉得靠谱客网站的内容还不错,欢迎将靠谱客网站推荐给程序员好友。

本图文内容来源于网友提供,作为学习参考使用,或来自网络收集整理,版权属于原作者所有。
点赞(51)

评论列表共有 0 条评论

立即
投稿
返回
顶部