父元素为自适应图片,子元素为文字,CSS如何设置在父元素内上下左右居中? -问答-阿里云开发者社区-阿里云

开发者社区> 问答> 正文

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

杨冬芳 2016-06-13 10:10:47 1276

父元素为自适应图片,子元素为文字,如何设置在父元素内上下左右居中?
screenshot
最后用table完美解决了 兼容性到IE6 哈哈 贴上代码

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

前端开发
分享到
取消 提交回答
全部回答(1)
  • 杨冬芳
    2019-07-17 19:35:09

    第一种:子元素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

    0 0

集结各类场景实战经验,助你开发运维畅行无忧

推荐文章
相似问题
推荐课程