css flex子元素怎样水平居中
答案:1 悬赏:30 手机版
解决时间 2021-11-10 10:37
- 提问者网友：咪咪
- 2021-11-10 06:58
css flex子元素怎样水平居中
最佳答案
- 五星知识达人网友：一袍清酒付
- 2021-11-10 07:16
元素居中，相信作为前端工程师的你肯定会经常用到，不管是在水平方向居中，还是垂直方向居中，都可在你的职业生涯中徘徊。不过很多时候要实现垂直居中，还是比较麻烦的。不过你也不用担心，下面就给大家分享下通过Flex布局轻松实现元素在水平、垂直方向上的居中效果。
1.单个元素水平居中
CSS3 Flexbox轻松实现元素的水平居中和垂直居中
CSS代码
.box{
display: flex;
justify-content: center;
background: #0099cc
}
h1{
color: #FFF
}
1.单个元素水平居中
CSS3 Flexbox轻松实现元素的水平居中和垂直居中
CSS代码
.box{
display: flex;
justify-content: center;
background: #0099cc
}
h1{
color: #FFF
}
我要举报
如以上回答内容为低俗、色情、不良、暴力、侵权、涉及违法等信息，可以点下面链接进行举报！
点此我要举报以上问答信息
大家都在看
推荐资讯