演示代码:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<link rel="stylesheet" type="text/css" href="reset.css"/>
<style type="text/css">
p{
width: 202px;height: 32px;line-height: 30px;
border: 1px solid #000;margin: 100px auto;
/* 下方三行代码,溢出显示省略号等 */
overflow: hidden;/* 溢出隐藏 */
white-space: nowrap;/* 文本变成一行显示 */
text-overflow: ellipsis;/* 溢出时显示省略号 */
}
</style>
</head>
<body>
<p>我要自学我要自学我要自学我要自学我要自学我要自学我要自学我要自学我要自学我要自学我要自学</p>
</body>
</html>