使用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
关于一点说话之道的建议
- 4
怎样看懂衣服上的尺码，衣服尺码知多少
- 5
国际尺码对照表 海淘必备神器
- 6
如何在大学中交更多的朋友
- 7
女孩，做到这10点，你将很有范
- 8
开票软件（金税盘版）商品编码添加步骤
- 9
如何完美度过大学时光
- 10
男人应该做哪些很酷的事情？
- 11
内裤尺码怎么选 女士
- 12
毕业季校园情侣怎么办？要分手还是继续？
- 13
自己的产品怎么弄条形码
- 14
冷静的秘诀：试着微笑
- 15
高一的女儿不去上学怎么办
- 16
浙里办怎样绑定家人医保卡
- 17
查ip地址？怎么查造谣发帖人ip详细地址？
- 18
读加拿大十大高中建议
- 19
如何识别康熙通宝宝浙局行用钱？
- 20
你是在这样的堕落自己吗？
- 21
提高商品售罄率的方法