文本溢出省略号显示

1.文本不换行 white-space：nowrap；

2.文本溢出隐藏 overflow：hidden；

3.文字溢出省略号显示 text-overflow：ellipsis；

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>处理空白符</title>
    <style type="text/css">
        p{
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
        }
    </style>
</head>
<body>
    <p>段落段落段落段落段落段落段落段落段落段落段落段落段落段落段落段落段落段落段落段落</p>
</body>
</html>

　　

posted @ 2019-07-15 14:52  C_XingM  阅读(506)  评论(0)  编辑  收藏  举报