css实现图片横向排列滚动效果

前端  /  管理员 发布于 7年前   262

具体代码如下所示：

.imageList{        overflow-x: auto;        overflow-y: hidden;        height:180px;        white-space: nowrap;      img{        width:auto;        height:100%;        margin-right:10px;      } }

<div class="imageList">    <img src="1.jpg"/>    <img src="2.jpg"/>    <img src="3.jpg"/>    <img src="4.jpg"/>    <img src="1.jpg"/></div>

这里注意，img标签不能左浮动，外层容器必须加不换行

white-space: nowrap;

总结

以上所述是小编给大家介绍的css实现图片横向排列滚动效果，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对站的支持！