简单记录（css换行带点与不带点）

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <meta http-equiv="X-UA-Compatible" content="ie=edge">

    <title>Document</title>

    <style>

        /* 前提一定要有宽高 */

        /* 换行带点 */

        .no_whitespace_ellipsis{

            width: 100%;

            max-width: 3.4rem;

            height: .44rem;

            min-height: .44rem;

            font-size: .24rem;

            font-weight: 400;

            color: #999999;

            white-space: nowrap;

            overflow: hidden;

            text-overflow: ellipsis;

        }

        /* 换行不带点 */

        .no_whitespace{

            width: 100%;

            max-width: 3.4rem;

            height: .44rem;

            min-height: .44rem;

            font-size: .24rem;

            font-weight: 400;

            color: #999999;

            overflow: hidden;

        }

    </style>

</head>

<body>

</body>

</html>

巴特西

简单记录（css换行带点与不带点）

最新文章

热门文章