css部分

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

html部分

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

效果如下：

文本省略并显示省略号