微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

css如何让三张图片并排显示

在网页设计中,经常需要在同一行并排显示多张图片。这时候,我们可以使用CSS来实现这个效果

img{
    display: inline-block;
    padding: 10px;
    width: 30%;
    Box-sizing: border-Box;
}

以上代码是让每张图片都以行内块元素的方式显示添加10像素的内边距,并设置图片宽度为30%,并且包含边框的计算在内。

接下来,让我们看一个示例:

以上代码一个div中放置了三张图片。使用前面的CSS代码,这三张图片就可以并排显示了。当然,也可以根据需要调整CSS属性来改变图片显示样式。

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 [email protected] 举报,一经查实,本站将立刻删除。