css怎么让第二行内容显示不下的时候自动省略号！
css怎么让第二行内容显示不下的时候自动省略号！原：你好，你好，你好，你好，你好，你好，你好，你好，你好，你好，你好，你好，你好，你好，你好，你好，你好，你好，你好，你好...
css怎么让第二行内容显示不下的时候自动省略号！
原：你好，你好，你好，你好，你好，你好，你好，你好，
你好，你好，你好，你好，你好，你好，你好，你好，
你好，你好，你好，你好，你好，你好，你好，你好，
需要效果：你好，你好，你好，你好，你好，你好，你好，你好，
你好，你好，你好，你好，你好，你好，你好....... 展开
原：你好，你好，你好，你好，你好，你好，你好，你好，
你好，你好，你好，你好，你好，你好，你好，你好，
你好，你好，你好，你好，你好，你好，你好，你好，
需要效果：你好，你好，你好，你好，你好，你好，你好，你好，
你好，你好，你好，你好，你好，你好，你好....... 展开
3个回答
展开全部
单纯的css只能实现一行显示不下的时候显示省略号，如果是多行的话，就需要用js实现了。
追问
已解决
方法如下：
overflow:hidden;
text-overflow: ellipsis;
display:-webkit-box;
-webkit-line-clamp:2;
-webkit-box-orient:vertical;
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>
RunJS 演示代码
</title>
<style>
.content{
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
}
</style>
</head>
<body>
<div>
你好，你好，你好，你好，你好，你好，你好，你好，
</div>
<div class='content'>
你好，你好，你好，你好，你好，你好，你好，你好，
你好，你好，你好，你好，你好，你好，你好，你好，
</div>
</body>
</html>
追问
你这样就是2条信息了 ， 不是第二行了
我需要的是1条信息的第二行
追答
<!DOCTYPE HTML>
<html>
<head>
<title></title>
<style>
* {
margin: 0;
padding: 0;
}
div {
overflow: hidden;
width: 411px;
height: 37px;
}
div .tmp:after {
content: "...";
}
</style>
</head>
<body>
<div>你好，你好，你好，你好，你好，你好，你好，你好， 你好，你好，你好，你好，你好，你好，你好，你好， <span class="tmp">
</span>
你好，你好，你好，你好，你好，你好，你好，你好，</div>
</body>
</html>
本回答被提问者采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
white-space: initial;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
