前两天写了一点携程网页,里面有个图片,仅需要下半部分,上面50%不需要,而且盒子要有圆角边框border-radius.
先说出现的问题:
img所在的盒子和图片外面的父盒子想要给它一个外边距margin值,给图片加了一个外边距,导致后面给盒子加border-radius时,一直加不上,只有由上右下有圆角边框,而左边还是直角
解决办法:给img所在的盒子加一个圆角边框,不要给img加border-radius.如果想要让图片所在的盒子在外面的父盒子里面居中,两边有一块距离,不管是给图片还是图片所在的盒子都不要用padding和margin,可以让width:90%,左右设置margin:auto以此来居中。
关于这一块的源码: