超出文字出现省略号不换行 

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>text</title>
</head>
<style>
    
    .text{
      width:100%;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
    }
</style>
<body>
    <div style="width:200px">
        <p class="text">20-78-90-7620-78-90-7620-78-90-7620-78-90-7620-78-90-7620-78-90-7620-78-90-7620-78-90-7620-78-90-7620-78-90-7620-78-90-7620-78-90-7620-78-90-7620-78-90-7620-78-90-76</p>
    </div>
</body>
</html>

 

posted @ 2019-05-28 14:47  caribean  阅读(406)  评论(0)  编辑  收藏  举报