1. 程式人生 > >文章列表中文章標題過長的做法

文章列表中文章標題過長的做法

<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>