大阳城·(中国区)官方网站入口-Macau App Station

div1

div2

效果

行内块儿让两个div居中

注意：使用display: inlien-block转为行内块之后，两个行内块儿元素之间有缝隙。

产生缝隙的原因：

元素被当成行内元素排版的时候，元素之间的空白符（空格、回车换行等）都会被浏览器处理，根据white-space的处理方式（默认是normal，合并多余空白），我们这里是因为div1和div2两个盒子代码的之间的"回车"被处理成为了缝隙。我们将两个div的代码写在一行就可以解决了，如下：

div1
div2

猜你喜欢：

CSS如何清除浮动？清除浮动的方法有哪些？

块级元素、行内元素和行内块元素各自特点和区别

大阳城app官网入口前端开发高手班课程

上一篇：ES6中新增的class关键字怎样使用？ 下一篇：vue-router工作原理：hash模式和history模式介绍

最新资讯

相关阅读

0 分享到：

javaee

python

web

design

cloud

test

c

netmarket

pm

Linux

movies

robot

uids

Python

jdbc

北京校区

申请试听名额

申请试听名额

申请试听名额

申请试听名额

申请试听名额

申请试听名额

申请试听名额

申请试听名额

申请试听名额

申请试听名额

申请试听名额

申请试听名额

申请试听名额

申请试听名额

热门课程推荐

更多>>

首页|校区分布|师资力量|关于我们|报名流程

常见问题|技术资讯

大阳城·(中国区)官方网站入口-Macau App Station版权所有
Copyright 2006-2023, All Rights Reserved

在线咨询我要报名

和我们在线交谈！