CSS-text-overflow属性

text-overflow:

clip 修剪文本。
ellipsis 显示省略符号来代表被修剪的文本。
string 使用给定的字符串来代表被修剪的文本。

说明:

CSS-text-overflow属性插图

width必须有一个固定宽度,white-space:nowrap(不让内容折行) overflow:hidden(隐藏溢出的内容) text-overflow:ellipsis(添加省略号)

<style>
*{margin: 0; padding: 0;}
div{
width: 980px;
border: 1px solid black;
}
div p{
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
</style>
<div>
<p>width必须有一个宽度,white-space:nowrap(不让内容折行) overflow:hidden(隐藏溢出的内容) text-overflow:ellipsis(添加省略号)))</p>
</div>

Demo截图:

CSS-text-overflow属性插图1

给TA打赏
共{{data.count}}人
人已打赏
CSS

CSS-background(origin,clip,复合属性)

2021-11-11 0:39:00

CSS

CSS-(min max step)

2021-11-24 0:01:16

0 条回复 A文章作者 M管理员
    暂无讨论,说说你的看法吧
个人中心
购物车
优惠劵
今日签到
有新私信 私信列表
搜索