CSS文本超出省略

语法： text-overflow：clip|ellipsis|"任意字符"

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>超出文本省略</title>
<style rel="stylesheet">
.textEllipsis{
width: 200px;
white-space: nowrap; /*不换行*/
overflow: hidden;
text-overflow:"..."; /*ellipsis;*/ /*clip;*/
}
</style>
</head>
<body>
<div class="textEllipsis">测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试</div>
</body>
</html>
posted @ 2017-12-20 14:34  taadis  阅读(77)  评论(0)  编辑  收藏  举报