CSS——水平(横向滚动条)

最新推荐文章于 2024-09-09 16:28:16 发布

spfLinux

最新推荐文章于 2024-09-09 16:28:16 发布

阅读量3w

点赞数 5

分类专栏： css 文章标签： css 横向水平滚动条

本文链接：https://blog.csdn.net/spfLinux/article/details/78453234

版权

css 专栏收录该内容

45 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Document</title>
	<style>
		ul {
			width: 200px;
			height: 100px;
			overflow-x: scroll;
			overflow-y: hidden;
			white-space:nowrap;  /* ul中的内容不换行 */
		}
		ul li {
			display: inline-block;
		}
	</style>
</head>
<body>
	<ul>
		<li>
			<img src="images/p_small_001.jpg" alt="">
		</li>
		<li>
			<img src="images/p_small_002.jpg" alt="">
		</li>
		<li>
			<img src="images/p_small_003.jpg" alt="">
		</li>
		<li>
			<img src="images/p_small_004.jpg" alt="">
		</li>
	</ul>
</body>
</html>