开发者社区> 问答> 正文

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

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

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

展开
收起
杨冬芳 2016-06-13 10:10:47 2698 0
1 条回答
写回答
取消 提交回答
  • IT从业

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

    2019-07-17 19:35:09
    赞同 展开评论 打赏
问答排行榜
最热
最新

相关电子书

更多
零基础CSS入门教程 立即下载
低代码开发师(初级)实战教程 立即下载
阿里巴巴DevOps 最佳实践手册 立即下载