CSS 超出部分显示省略号
发布时间:2020-04-26 | 发布者： 东东工作室 | 浏览次数： 次直接看代码：
<!DOCTYPE html><html lang="en"><head>
<meta charset="UTF-8">
<title>desktop demo</title>
<style>
.app { width: 400px; height: 28px; line-height: 28px; margin: 50px 0 0 50px; border: 1px solid red; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
</style></head><body>
<p class="app">
<span class="content">你问我为何时常沉默，有的人无话可说，有的话无人可说.你问我为何时常沉默，有的人无话可说，有的话无人可说.</span>
</p></body></html>123456789101112131415161718192021222324
效果图：
关键点：
white-space: nowrap;overflow: hidden;text-overflow: ellipsis;
转载请标注：东东工作室——CSS 超出部分显示省略号
上一篇：Linux下的SVN服务器搭建
推荐文章
相关文章