css隐藏超出区域文本并显示省略号的代码

本文最后更新于:2023年3月16日 下午

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
* {
margin: 0;
padding: 0;
}
body {
padding: 10px;
font-family: Arial;
}
#test {
position: relative;
width: 150px;
height: 20px;
line-height: 20px;
overflow: hidden;
text-overflow: ellipsis;
vertical-align: middle;
white-space: nowrap;
border: 1px solid #999;
}
#test span {
position: absolute;
top: 0;
right: 0;
display: block;
float: left;
}
#test span:after {
content: '...';
}

css隐藏超出区域文本并显示省略号的代码
https://seven3.site/css/css隐藏超出区域文本并显示省略号的代码/
作者
Seven3s
发布于
2015年4月2日
许可协议