CSS 超出部分显示省略号
2018-01-03 00:00
447 查看
摘要: CSS 超出部分显示省略号
直接看代码：
果图：
关键点：
直接看代码：
<!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>
<div class="app">
<span class="content">你问我为何时常沉默，有的人无话可说，有的话无人可说.你问我为何时常沉默，有的人无话可说，有的话无人可说.</span>
</div>
</body>
</html>果图：
关键点：
white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 
相关文章推荐
- CSS控制文字只显示一行 超出部分显示省略号
- 【转】html使用css让文字超出部分用省略号三个点显示的方法案例
- CSS控制显示超出部分，用省略号显示
- css限制显示字数，文字长度超出部分用省略号表示
- CSS控制文字只显示一行，超出部分显示省略号
- CSS控制文本超出部分显示省略号（一行跟多行）
- CSS控制文字，超出部分显示省略号
- css 控制文字超出部分显示省略号
- CSS超出部分显示省略号…代码
- css 实现div内显示两行或三行，超出部分用省略号显示
- css控制标题长度超出部分显示省略号
- css把超出的部分显示为省略号的方法兼容火狐
- CSS限制文字只能显示一行，超出部分显示省略号
- css控制文字 文本超出部分显示省略号
- css文字超出部分显示省略号
- CSS控制文字只显示一行，超出部分显示省略号
- css 文字超出部分使用省略号显示
- css控制标题长度超出部分显示省略号
- CSS控制文字，超出部分显示省略号
- css控制标题长度超出部分显示省略号