css图片外多余的隐藏掉 |css 苹果手机样式

img {
overflow: hidden;
}

如上代码中的”overflow: hidden;”可以作用于img标签，表示图片外的部分隐藏。在网页上展示图片时，经常会出现因为图片本身的大小和其他元素的位置造成的多余部分，这些部分不但影响网页的美观，还会干扰用户的视线，体验不好。使用”overflow: hidden;”可以隐藏掉多余的部分，使网页更加整洁。

此外，根据CSS盒子模型的原理，元素的width和height属性并不是对其内容部分的尺寸进行控制，而是对整个元素盒子的尺寸进行控制。因此，如果设置一个元素的width和height属性后，如果元素内的图片超出了这个尺寸，也会出现多余的部分。同样可以使用”overflow: hidden;”将这些多余的部分隐藏掉，让网页更为美观。

总之，在网页设计中，细节上的优化同样重要。使用CSS将图片外的多余部分隐藏，可以使网页更加美观，增加用户的体验。