您现在的位置是：网站首页> 编程资料编程资料
css实现图片横向排列滚动效果_CSS教程_CSS_网页制作_
2021-09-10
1090人已围观
简介 这篇文章主要介绍了css实现图片横向排列滚动效果,需要的朋友可以参考下
具体代码如下所示：
.imageList{ overflow-x: auto; overflow-y: hidden; height:180px; white-space: nowrap; img{ width:auto; height:100%; margin-right:10px; } }
这里注意，img标签不能左浮动，外层容器必须加不换行
white-space: nowrap;
总结
以上所述是小编给大家介绍的css实现图片横向排列滚动效果，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对网站的支持！
相关内容
- 5分钟教你学会 CSS Grid 布局_CSS教程_CSS_网页制作_
- CSS网格布局的示例代码_CSS教程_CSS_网页制作_
- css制作三分圆形效果_CSS教程_CSS_网页制作_
- 纯 CSS 实现多行文字截断功能_CSS教程_CSS_网页制作_
- css实现毛毛虫爬行动作_CSS教程_CSS_网页制作_
- CSS Tips：段落每行渐变色文本效果的实现方法_CSS教程_CSS_网页制作_
- 使用css实现任意大小、任意方向和任意角度的箭头示例_CSS教程_CSS_网页制作_
- CSS3 clip-path 用法介绍详解_css3_CSS_网页制作_
- CSS实现多行多列的布局的实例代码_CSS教程_CSS_网页制作_
- CSS3 calc()会计算属性详解_css3_CSS_网页制作_
