文字超出长度显示...（单行，与多行）-526互联

<!DOCTYPE html>
<html>

<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></title>
    <style>
        div:nth-child(1) {
            /* 单行文字超出长度显示... */
            background: pink;
            width: 200px;


            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;

        }

        div:nth-child(2) {
            /* 设置多行文字超出长度显示... */
            background: skyblue;
            width: 200px;

            word-break: break-all;
            overflow: hidden;
            text-overflow: ellipsis;
            display: -webkit-box;
            -webkit-box-orient: vertical;
            -webkit-line-clamp: 2;   /* 设置多少行 */

           


        }
    </style>
</head>

<body>
    <div>
        《西游记》的作者是吴承恩，中国古典神魔小说，中国“四大名著”之一。成书于16世纪明朝中叶，一般认为作者是明朝的吴承恩。书中讲述唐三藏师徒四人西天取经的故事，表现了惩恶扬善的古老主题，也有观点认为西游记是权力场讽刺小说。作为中国古典四大名著之一、中国古代第一部浪漫主义长篇神魔小说，该书深刻地描绘了当时的社会现实，是魔幻现实主义的开创作品。
    </div>

    <div>
        《西游记》的作者是吴承恩，中国古典神魔小说，中国“四大名著”之一。成书于16世纪明朝中叶，一般认为作者是明朝的吴承恩。书中讲述唐三藏师徒四人西天取经的故事，表现了惩恶扬善的古老主题，也有观点认为西游记是权力场讽刺小说。作为中国古典四大名著之一、中国古代第一部浪漫主义长篇神魔小说，该书深刻地描绘了当时的社会现实，是魔幻现实主义的开创作品。
        《西游记》的作者是吴承恩，中国古典神魔小说，中国“四大名著”之一。成书于16世纪明朝中叶，一般认为作者是明朝的吴承恩。书中讲述唐三藏师徒四人西天取经的故事，表现了惩恶扬善的古老主题，也有观点认为西游记是权力场讽刺小说。作为中国古典四大名著之一、中国古代第一部浪漫主义长篇神魔小说，该书深刻地描绘了当时的社会现实，是魔幻现实主义的开创作品。
        《西游记》的作者是吴承恩，中国古典神魔小说，中国“四大名著”之一。成书于16世纪明朝中叶，一般认为作者是明朝的吴承恩。书中讲述唐三藏师徒四人西天取经的故事，表现了惩恶扬善的古老主题，也有观点认为西游记是权力场讽刺小说。作为中国古典四大名著之一、中国古代第一部浪漫主义长篇神魔小说，该书深刻地描绘了当时的社会现实，是魔幻现实主义的开创作品。
    </div>
</body>
<script>

</script>

</html>