                        课程
                    
                        /前端开发
                        
                            /WebApp
                        
                        /Hello，移动WEB

Flex不定宽高垂直水平居中，只实现了水平居中，怎么改？

justify-content: center; /*子元素水平居中*/

align-items: center; /*子元素垂直居中*/

display: -webkit-flex;

只是实现了水平居中，没有实现垂直居中。

DaiDaiLiu

2015-10-20

源自：Hello，移动WEB 3-2

关注问题我要回答

1882

操作

收起

3 回答

UncleKeith
2016-10-02

这三个属性的设置必须放在伸缩容器中。可以看看这篇博客。http://www.cnblogs.com/Uncle-Keith/p/5861253.html

1 回复有任何疑惑可以回复我~

收起回答

ciloi
2015-11-10

为什么我是垂直居中有效，而水平居中无效？不管是否设了高度和宽度……

0 回复有任何疑惑可以回复我~

收起回答

够真实
2015-11-10

确实我也是垂直集中无效

0 回复有任何疑惑可以回复我~

收起回答

0/150

提交

取消

Hello，移动WEB

参与学习 110230 人
解答问题 177 个

课程介绍移动web的开发基础，排版布局，常见移动web问题

进入课程

本课相似问答

3 回答Flex版的不定宽高只是实现了水平居中，没有实现垂直居中？

2 回答课程中介绍的传统的水平垂直居中布局的写法为什么不能实现

2 回答我觉得把justify-content和align-items说成水平居中和垂直居中不太严谨，老师你觉得呢？

1 回答使用这个flex，子容器一般就不用设置宽高了吗？

1 回答请问视频中出现的这两种居中方法各有什么优缺点

搜索更多本课相关问答

Flex不定宽高垂直水平居中，只实现了水平居中，怎么改？

我要回答关注问题

热搜

最近搜索清空

Flex不定宽高垂直水平居中，只实现了水平居中，怎么改？

3 回答

本课相似问答

Flex不定宽高垂直水平居中，只实现了水平居中，怎么改？