CSS中怎么用省略号截断长字符串
这篇文章给大家分享的是有关CSS中怎么用省略号截断长字符串的内容。小编觉得挺实用的,因此分享给大家做个参考,一起跟随小编过来看看吧。
成都创新互联-专业网站定制、快速模板网站建设、高性价比会同网站开发、企业建站全套包干低至880元,成熟完善的模板库,直接使用。一站式会同网站制作公司更省心,省钱,快速模板网站建设找我们,业务覆盖会同地区。费用合理售后完善,10年实体公司更值得信赖。
答:使用CSS文本溢出属性
您可以将CSStext-overflow属性与white-space和overflow属性结合使用来截断或剪切长文本,并在末尾放置点号或省略号(...)以表示剪切的文本或指示用户。让我们看一个例子,看看它是如何工作的:
例试试这个代码»
p {
width: 400px;
padding: 10px;
background: #f2f2f2;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
Lorem ipsum dolor sit amet, consectetur adipiscing elit ame sem tempor, varius quam at, luctus dui. Mauris magna metus, dapibus nec turpis vel, semper malesuada ante.
感谢各位的阅读!关于“CSS中怎么用省略号截断长字符串”这篇文章就分享到这里了,希望以上内容可以对大家有一定的帮助,让大家可以学到更多知识,如果觉得文章不错,可以把它分享出去让更多的人看到吧!
文章名称:CSS中怎么用省略号截断长字符串
文章URL:http://ybzwz.com/article/gjcpoc.html