滚动条css css实现图片横向排列滚动

本篇文章主要介绍了"滚动条css css实现图片横向排列滚动"，主要涉及到滚动条css方面的内容，对于HTMLjrs看球网直播吧_低调看直播体育app软件下载_低调看体育直播感兴趣的同学可以参考一下： .imageList{overflow-x: auto;overflow-y: hidden;height:180px;white-space: nowrap;...

.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 css实现图片横向排列滚动，包括了滚动条css方面的内容，希望对HTMLjrs看球网直播吧_低调看直播体育app软件下载_低调看体育直播有兴趣的朋友有所帮助。

本文网址链接：http://www.codes51.com/article/detail_4518378.html