本文主要主要介绍css实现图片横向排列滚动效果,需要的朋友可以参考下，希望能帮助到打大家。
具体代码如下所示：
.imageList{
overflow-x: auto;
overflow-y: hidden;
height:180px;
white-space: nowrap;
img{
width:auto;
height:100%;
margin-right:10px;
}
}
wordpress主题：格子商铺主题
下载
这是易秀购主题网转载的一款原创来至web主题公园的一款wordpress cms主题，非常适合做图片展示，或婚纱摄影类wordpress主题，采用了大气的网格化无缝设计，使列表以格子铺的方式排列，鼠标悬停的可以出现文章的简介。网站上方可以书写自己的广告语，图片也是可以替换掉的，图片会随着鼠标的移动而轻移，并且在鼠标滚动的时候，下面的模块会直接遮盖这个区域，这款wordpress cms主题视觉效果
@@##@@ @@##@@ @@##@@ @@##@@ @@##@@
这里注意，img标签不能左浮动，外层容器必须加不换行
立即学习“前端免费学习笔记（深入）”；
white-space: nowrap;
相关推荐：
