当文本超出时出现省略号

最新推荐文章于 2025-12-22 22:12:04 发布

原创最新推荐文章于 2025-12-22 22:12:04 发布 · 75 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#html #css #正则表达式 #自然语言处理 #栈

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title></title>
        <style>
            p{
              width:200px;
              
              /*规定当内容溢出元素框时发生的事情(是否出现滚动)*/
              overflow:hidden;
              /*规定段落中的文本不进行换行*/
              white-space:nowrap;
              
              /*规定当文本溢出包含元素时发生的事情*/
              text-overflow:ellipsis;
             }
        </style>
        
    </head>
    <body>
        <p>连日来，兰州交通大学的新生陆续开学报到，但网爆新生自行购买被褥入住桃海公寓遭拒引发学生不满和网友关注。8月31日，兰州交通大学回应西部商报记者采访称，经了解，
            当事学生从私人处购买无正规发票的被品入住桃海学生公寓，已经协调退回，桃海公寓并非不让学生自带被品入住，而是防止“黑心棉”流入学生宿舍，危害学生身体健康。
        </p>
    </body>
</html>

适用于单行文本输入