文本超过 显示 省略号

<!DOCTYPE html>
<html>

<head>

    <style>
        .div1 {
            height: 45px;
            line-height: 45px;
            text-overflow: ellipsis;
            overflow: hidden;
            white-space: nowrap;
             100px;
        }
    </style>
</head>

<body>
    <div class="div1">
        <span>
                asdfkjfdghkjlfdhjklhsjhjkashjkdfhjgk;saao;j
        </span>
    </div>
</body>

</html>
【推广】 免费学中医，健康全家人
原文地址：https://www.cnblogs.com/enych/p/12129688.html