父元素为自适应图片，子元素为文字，CSS如何设置在父元素内上下左右居中？

问题描述

问 题

父元素为自适应图片，子元素为文字，如何设置在父元素内上下左右居中？

最后用table完美解决了 兼容性到IE6 哈哈 贴上代码

额 这里编辑怎么显示代码 输入贴上代码自动转译了

<h1>居中</h1>

解决方案

第一种：子元素line-height高度为父元素高度
第二种：父元素display:table和子元素table-cell
第三种：子元素绝对定位 然后margin:auto
第四种：flex
第五种：父元素设置 display: -webkit-box; -webkit-box-pack: center; box-pack: center; -webkit-box-align: center; box-align: center;
第六种：inline-block vertical-align middle

这篇关于父元素为自适应图片，子元素为文字，CSS如何设置在父元素内上下左右居中？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！