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

版权声明:本文为博主原创文章,未经博主允许不得转载。 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>

阅读更多

没有更多推荐了,返回首页