开发者社区> 问答> 正文

宽度溢出的图片在属性设置为overflow:hidden的父元素中如何实现水平居中?

相关代码:

<div style="overflow:hidden;" id="wrapper">
    <img src="#"/>
</div>

div和img都为响应式,div宽度为100%,最小宽度为1200px;
画了个简图方便理解
screenshot

展开
收起
杨冬芳 2016-06-22 18:20:04 2738 0
1 条回答
写回答
取消 提交回答
  • IT从业

    我大概试了一下,应该没问题。只写了水平的。垂直的同理。如有错误请指正

    #wrapper{width:100px;height:100px; position:relative; margin:0 auto;overflow:hidden;border:1px solid #000;}
    #wrapper img{position: absolute; left:50%; transform:translateX(-50%);}
    2019-07-17 19:45:52
    赞同 展开评论 打赏
问答地址:
问答排行榜
最热
最新

相关电子书

更多
低代码开发师(初级)实战教程 立即下载
冬季实战营第三期:MySQL数据库进阶实战 立即下载
阿里巴巴DevOps 最佳实践手册 立即下载