使用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
ps制作小狗木纹浮雕效果
- 5
塞尔达卢比怎么赚
- 6
如果在高中有效提高自己的英语成绩？
- 7
win8创建图片密码
- 8
阳台有柱怎么装修
- 9
解决N9002 固件更新时遇到问题 官方刷失败 叹号
- 10
pc/abs合金用什么胶水粘接
- 11
亚克力板变黄了如何变白
- 12
PS如何修改图片文字？
- 13
七夕礼物——玻璃瓶里的花朵
- 14
3Dmax如何制作玻璃花瓶
- 15
怎么打玻璃胶！
- 16
早上车上有霜怎么处理
- 17
酸性玻璃胶和中性玻璃胶的区别
- 18
怎样用不干胶清洗剂来去除汽车玻璃上的年检标签
- 19
车门胶皮开胶如何粘上
- 20
汽车车门密封条的秘密
- 21
有什么办法能让玻璃胶快速干