使用Flexbox弹性盒子布局来对不定宽高的内容进行水平垂直居中，设置代码很简单，只需要对需要水平垂直居中的内容的父元素添加三个样式即可。父元素样式代码：justify-content: center; align-items: center; display: flex;
方法/步骤
1
新建一个html文件，在这个html文件上创建一个
，然后对这个
添加一个样式类，最后在这个
里再创建一个子元素并在这个元素中添加要垂直居中的内容。代码：
不宽高的水平垂直居中
不宽高的水平垂直居中
不宽高的水平垂直居中
2
设置父元素样式。使用Flexbox弹性盒子让子元素自动水平垂直居中；使用justify-content设置子元素水平居中，使用align-items设置子元素垂直居中。css代码：
3
保存html文件后使用浏览器打开即可看到效果。如图
4
可以直接复制所有代码到新建的html文件上，粘贴保存后运行即可看到效果。所有代码：
不宽高的水平垂直居中
不宽高的水平垂直居中
不宽高的水平垂直居中
下一篇：毕业论文种类规格简介
推荐信息
- 1
css不定宽高水平垂直居中
- 2
博士洗衣机锁死了怎么解开
- 3
博世DKS958BTI油烟机说明书
- 4
博士洗衣机突然显示有把锁,不能使用怎么回事
- 5
博士洗衣机如何解门锁
- 6
乳腺炎最好治疗方法
- 7
乳房有硬块怎么治 乳腺纤维瘤会癌变吗
- 8
美乳宝典：乳房呵护四大妙法
- 9
八珍炖乌鸡的做法
- 10
5款美食 帮助缓解早孕反应
- 11
冬季的滋补食谱
- 12
产后便秘怎么办
- 13
洋葱泡红酒的惊人健生效果
- 14
剖腹产后饮食调理 缓解产后便秘的食疗食谱
- 15
日常生活中孕妇的几种滋补食谱有哪些？
- 16
过年喝酒后吃这5种食物能使身体快速恢复
- 17
《精灵宝可梦Let's Go》树果攻略？
- 18
水果甘露粥
- 19
哺乳妈妈的乳头破皮了很厉害，怎么才能缓解？
- 20
孩子脾胃不好如何调理
- 21
莲子养心健脾粥