<html>
<head>
<meta charset="utf-8" />
<title>标题</title>
<meta name="keywords" content="" />
<meta name="description" content="" />
<script src="https://cdn.bootcss.com/jquery/3.2.1/jquery.min.js"></script>
<style>
.text-overflow{
width: 200px;
height: 40px;
border: 1px solid red;
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
}
</style>
</head>
<body>
<div class="text-overflow">CSS3中通过text-overflow来设置文字超出指定长度后变成省略号，但还有三个条件就是：固定长度、超出隐藏、文本不换行。CSS3中通过text-overflow来设置文字超出指定长度后变成省略号，但还有三个条件就是：固定长度、超出隐藏、文本不换行。</div>
</body>
</html>
要饭二维码
洪哥写文章很苦逼，如果本文对您略有帮助，可以扫描下方二维码支持洪哥！金额随意，先行谢过！大家的支持是我前进的动力！
文章的版权
本文属于“洪哥笔记”原创文章，转载请注明来源地址：CSS3文字超出长度出现省略号text-overflow：http://www.splaybow.com/post/text-overflow-ellipsis820182505.html
如果您在服务器运维、网络管理、网站或系统开发过程有需要提供收费服务，请加QQ：8771947！十年运维经验，帮您省钱、让您放心！
亲，如果有需要，先存起来，方便以后再看啊！加入收藏夹的话，按Ctrl+D！
发布时间：2018/8/13 10:45:20 | 编辑:洪哥 | 分类:DHTML | 浏览:
