码迷,mamicode.com
首页 > 其他好文 > 详细

文本省略并显示省略号

时间:2017-03-31 21:50:00      阅读:188      评论:0      收藏:0      [点我收藏+]

标签:面向   社区   nowrap   技术   over   img   images   ext   广告   

css部分

/*p标签超出文字省略号*/
p{
width: 150px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}

html部分

<p>博客园是面向开发者的知识分享社区,不允许发布任何推广、广告、政治方面的内容。</p>

效果如下:

 

技术分享

文本省略并显示省略号

标签:面向   社区   nowrap   技术   over   img   images   ext   广告   

原文地址:http://www.cnblogs.com/ma-chao/p/6653143.html

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