CSS实现单行、多行文本溢出显示省略号(…)

<!DOCTYPE html>
<html>
<title>css控制字数</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<head>
    <style type=""text/css"">
    .dd
    {
    180px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    course:hand;
    }
    </style>
</head>
<body>
    <div class="dd">
        用CSS控制文章标题字数信心网用CSS控制文章标题字数信心网用CSS控制文章标题字数
    </div>
</body>
</html>

多行文本溢出

display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
overflow: hidden;
原文地址:https://www.cnblogs.com/caobiin/p/6802686.html