CSS-大图片img在父级容器div中居中的妙招

做法：当图片尺寸大于父级容器时，想让图片居中可以给父容器设置text-align: center;

然后给子元素设置margin: 0 -100%;

 

原理：让父容器的内容居中时由于图片过大，左边又抵着边界，无法居中，这时给予负值外边距可以允许内容超出外边界。理论上负值的大小只要足够让图片居中就行，但是为了省脑筋，会直接给予最大的负值-100%。

 

注：图片居中了还没完，经常会搭配overflow:hidden;将图片多出父容器的部分隐藏掉。