CSS-大图片img在父级容器div中居中的妙招
做法：当图片尺寸大于父级容器时，想让图片居中可以给父容器设置text-align: center;然后给子元素设置margin: 0 -100%; 原理：让父容器的内容居中时由于图片过大，左边又抵着边界，无法居中，这时给予负值外边距可以允许内容超出外边界。理论上负值的大小只要足够让图片居中就行，但是为了省脑筋，会直接给予最大的负值-100%。 注：图片居中了还没完，经常会搭配o
·
做法：当图片尺寸大于父级容器时，想让图片居中可以给父容器设置text-align: center;
然后给子元素设置margin: 0 -100%;
原理：让父容器的内容居中时由于图片过大，左边又抵着边界，无法居中，这时给予负值外边距可以允许内容超出外边界。理论上负值的大小只要足够让图片居中就行，但是为了省脑筋，会直接给予最大的负值-100%。
注：图片居中了还没完，经常会搭配overflow:hidden;将图片多出父容器的部分隐藏掉。
权威｜前沿｜技术｜干货｜国内首个API全生命周期开发者社区
更多推荐
2
0- 0
已为社区贡献1条内容
所有评论(0)