CSS3如何实现超出指定文本以省略号显示效果
发布网友
发布时间：2022-04-24 07:32
共2个回答
热心网友
时间：2022-04-06 12:11
超出指定文本以省略号显示效果，用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;"使用才行
热心网友
时间：2022-04-06 13:29
订单的的
随风倒随风倒十分撒地方撒地方
