Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/39.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Css Y形滚动条和向左滚动图像_Css_Image_Scrollbar - Fatal编程技术网

Css Y形滚动条和向左滚动图像

Css Y形滚动条和向左滚动图像,css,image,scrollbar,Css,Image,Scrollbar,我有两个问题 1) 如何删除y形滚动条 2) 如何使图像向左滚动而不是向下滚动 有什么建议吗?非常感谢您的帮助 这是我的: HTML <div class="ProjectGallery"> <img src="images/Thumb/10.jpg" data-title="<?=$title10?>" /> <img src="images/Thumb/11.jpg" data-title="<?=$title11?>" />

我有两个问题

1) 如何删除y形滚动条

2) 如何使图像向左滚动而不是向下滚动

有什么建议吗?非常感谢您的帮助

这是我的:

HTML

<div class="ProjectGallery">
<img src="images/Thumb/10.jpg" data-title="<?=$title10?>"  />
<img src="images/Thumb/11.jpg" data-title="<?=$title11?>"  />
<img src="images/Thumb/12.jpg" data-title="<?=$title12?>"  />
<img src="images/Thumb/14.jpg" data-title="<?=$title14?>"  />
<img src="images/Thumb/15.jpg" data-title="<?=$title15?>"  />
<img src="images/Thumb/17.jpg" data-title="<?=$title17?>"  />
<img src="images/Thumb/18.jpg" data-title="<?=$title18?>"  />
</div>
<div class="ProjectGallery">
<img src="images/Thumb/10.jpg" data-title="<?=$title10?>"  />
<img src="images/Thumb/11.jpg" data-title="<?=$title11?>"  />
<img src="images/Thumb/12.jpg" data-title="<?=$title12?>"  />
<img src="images/Thumb/14.jpg" data-title="<?=$title14?>"  />
<img src="images/Thumb/15.jpg" data-title="<?=$title15?>"  />
<img src="images/Thumb/17.jpg" data-title="<?=$title17?>"  />
<img src="images/Thumb/18.jpg" data-title="<?=$title18?>"  />
</div>

陈列室
{
边框:1px纯黑;
高度:120px;
宽度:200px;
溢出:隐藏;
溢出-x:滚动;
}
.缩略图
{
宽度:1000px;
}
.画廊集装箱img
{
宽度:200px;
高度:自动;
}
.缩略图
{
宽度:自动;
高度:100px;
显示:块;
浮动:左;
边框:1px实心#ddd;
保证金:1px;
}
试试这个

HTML

<div class="ProjectGallery">
<img src="images/Thumb/10.jpg" data-title="<?=$title10?>"  />
<img src="images/Thumb/11.jpg" data-title="<?=$title11?>"  />
<img src="images/Thumb/12.jpg" data-title="<?=$title12?>"  />
<img src="images/Thumb/14.jpg" data-title="<?=$title14?>"  />
<img src="images/Thumb/15.jpg" data-title="<?=$title15?>"  />
<img src="images/Thumb/17.jpg" data-title="<?=$title17?>"  />
<img src="images/Thumb/18.jpg" data-title="<?=$title18?>"  />
</div>
<div class="ProjectGallery">
<img src="images/Thumb/10.jpg" data-title="<?=$title10?>"  />
<img src="images/Thumb/11.jpg" data-title="<?=$title11?>"  />
<img src="images/Thumb/12.jpg" data-title="<?=$title12?>"  />
<img src="images/Thumb/14.jpg" data-title="<?=$title14?>"  />
<img src="images/Thumb/15.jpg" data-title="<?=$title15?>"  />
<img src="images/Thumb/17.jpg" data-title="<?=$title17?>"  />
<img src="images/Thumb/18.jpg" data-title="<?=$title18?>"  />
</div>
.ProjectGallery{height:300px;overflow:scroll;white-space:nowrap} 
.ProjectGallery img{width:100%;height:100px;display:inline;}