十年网站开发经验 + 多家企业客户 + 靠谱的建站团队
量身定制 + 运营维护+专业推广+无忧售后，网站问题一站解决
满1000元减200
主要的css代码：
.content {
width: 100%;
overflow-x: scroll; // 子元素的宽度大于父元素的即可滚动
overflow-y: hidden;
border-radius: 4px;
}
.content::-webkit-scrollbar {
display:none
} // 隐藏滚动条
.content-list{
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
float: left; // 使其脱离文档流 宽度为所有字元素的和
min-width: 100%;
}
.item {
width: 150px;
height: 50px;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
flex: 3;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
padding: 0 10px;
}以上是“css如何实现元素横向滚动”这篇文章的所有内容，感谢各位的阅读！希望分享的内容对大家有帮助，更多相关知识，欢迎关注创新互联行业资讯频道！