html中怎么让列表横向排列

武飞扬头像

PHP中文网

2023-03-04 帮助126人

HTML创建一个列表：

<!DOCTYPE html>
<html>
	<head>
		<style type="text/css">
			ul li{
				list-style:none;
			}
		</style>
	</head>

	<body>
		<ul>
			<li>列表1</li>
			<li>列表2</li>
			<li>列表3</li>
		</ul>
	</body>

</html>

学新通技术网

怎么让列表横向排列？

1、使用float属性

ul li{
	list-style:none;
	float: left;
}

学新通技术网

2、使用display属性

ul li{
	list-style:none;
	display: inline;
}

学新通技术网

这篇好文章是转载于：学新通技术网

版权申明：本站部分内容来自互联网，仅供学习及演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系，请提供相关证据及您的身份证明，我们将在收到邮件后48小时内删除。
本站站名：学新通技术网
本文地址： /boutique/detail/tanfbkbk

系列文章

同类精品