CSS设置ul内容超出宽度时,可以横向滚动,并隐藏滚动条

导读:本篇文章讲解 CSS设置ul内容超出宽度时,可以横向滚动,并隐藏滚动条,希望对大家有帮助,欢迎收藏,转发!站点地址:www.bmabk.com

 ul {
	height: auto;
	overflow: hidden;
	overflow-x: auto; 	/* 设置x轴可滑动 */
	white-space: nowrap; /* 元素不换行 */
	width: auto; /* (宽度) */
}
/* 隐藏滚动条 */
ul::-webkit-scrollbar {
	display: none;
}

 ul li {
	height: 0.6rem;
	font-size: 0.32rem;
	color: #282828;
	/* 让所有的li在一行 注意这里不能用float:left 因为设置float后里超过一屏后会自动换行 */
	display: inline-block;
	width: 1.6rem !important;
	text-align: center;
}

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 举报,一经查实,本站将立刻删除。

文章由极客之音整理,本文链接:https://www.bmabk.com/index.php/post/96038.html

(0)
小半的头像小半

相关推荐

极客之音——专业性很强的中文编程技术网站,欢迎收藏到浏览器,订阅我们!