文章列表中文章标题过长的做法

最新推荐文章于 2024-05-21 17:46:00 发布

天使任务360

最新推荐文章于 2024-05-21 17:46:00 发布

阅读量1.2k

点赞数

本文链接：https://blog.csdn.net/u010520692/article/details/49892025

版权

<html>
<head>
	<meta http-equiv="Content-Type" content="text/html;charset=utf-8">
</head>
<style type="text/css">
	ul{
		width: 200px;
		border: 1px solid #000;
		border-radius: 4px;
		margin: 50px auto;
		padding-left: 0;
	}
	ul li{
		list-style: none;
		overflow: hidden;
		white-space: nowrap;
		word-break:keep-all;
		text-overflow:ellipsis;
	}
</style>
<body>
	<ul>
		<li>标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题</li>
		<li>标题标题标题</li>
		<li>标题标题标题标题标题标题标题</li>
		<li>标题标题标题标题标题标题标题</li>
		<li>标题标题标题标题标题标题标题</li>
		<li>标题标题标题标题标题标题标题</li>
		<li>标题标题标题标题标题标题标题</li>
		<li>标题标题标题标题标题标题标题</li>
	</ul>
</body>
</html>