html 页面中显示单行省略号

时间：2016-10-31 13:40:29 阅读：219 评论：0 收藏：0 [点我收藏+]

<!DOCTYPE html>

<html>

<head>

<meta charset="UTF-8">

<title>内容超出显示省略号</title>

<style>

.cont{

width:200px;

overflow: hidden;/*内容超出后隐藏*/

text-overflow: ellipsis;/* 超出内容显示为省略号*/

white-space: nowrap;/*文本不进行换行*/

}

</style>

</head>

<body>

<p class="cont">

订单的的顶顶顶顶顶顶顶顶顶顶顶顶顶顶顶顶顶顶顶

顶顶顶顶顶顶顶顶顶顶顶顶顶顶顶顶顶顶顶顶顶顶顶顶顶顶

</p>

</body>

</html>

原文地址：http://www.cnblogs.com/xxd258693/p/6015337.html

踩

(0)

评论一句话评论（0）

分享档案

更多>

周排行