Css Y形滚动条和向左滚动图像
我有两个问题 1) 如何删除y形滚动条 2) 如何使图像向左滚动而不是向下滚动 有什么建议吗?非常感谢您的帮助 这是我的: HTMLCss 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?>" />
<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;}