CSS3如何实现超出指定文本以省略号显示效果
2个回答
展开全部
超出指定文本以省略号显示效果，用css的"text-overflow:ellipsis;"实现
text-overflow:ellipsis; 溢出的部分用 省略号 表示。
<!DOCTYPE html>
<html>
<head>
<style>
div.test
{
white-space:nowrap;
width:123px;
overflow:hidden;
border:1px solid #000000;
text-overflow:ellipsis;
}
</style>
</head>
<body>
<p>这个 div 使用 "text-overflow:ellipsis" ：</p>
<div class="test">
This is some long text that will not fit in the box
</div>
</body>
</html>
在div块中要设置宽度，"overflow:hidden;"要跟"text-overflow:ellipsis;"使用才行
本回答由网友推荐
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
