我是靠谱客的博主 友好人生,这篇文章主要介绍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内容请搜索靠谱客的其他文章。

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

评论列表共有 0 条评论

立即
投稿
返回
顶部