码迷,mamicode.com
首页 > Web开发 > 详细

CSS 文字太多用省略号表示

时间:2018-12-25 12:25:51      阅读:209      评论:0      收藏:0      [点我收藏+]

标签:color   表示   隐藏   htm   -o   图片   image   nbsp   nowrap   

width:150px;/*要显示文字的宽度*/
overflow:hidden; /*超出的部分隐藏起来。*/ 
white-space:nowrap;/*不显示的地方用省略号...代替*/
text-overflow:ellipsis;/* 支持 IE */
<html>
<head>
<style type="text/css">
div
{
width:250px;/*要显示文字的宽度*/
overflow:hidden; /*超出的部分隐藏起来。*/ 
white-space:nowrap;/*不显示的地方用省略号...代替*/
text-overflow:ellipsis;/* 支持 IE */
}
</style>
</head>
<body>
<div>
这是一些文本。这是一些文本。这是一些文本。这是一些文本。这是一些文本。这是一些文本。这是一些文本。这是一些文本。这是一些文本。
</div>
</body>
</html>

效果:

技术分享图片

 

CSS 文字太多用省略号表示

标签:color   表示   隐藏   htm   -o   图片   image   nbsp   nowrap   

原文地址:https://www.cnblogs.com/Eeexiang/p/10173101.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!