css中关于超出显示省略号

css中关于超出显示省略号1、单行超出显示省略号overflow:hidden;//超出隐藏text-overflow:ellipsis;//文本超出时显示省略号white-space:nowrap;//设置文本不换行2、多行超出显示省略号overflow:hidden;//超出隐藏text-ov

大家好,欢迎来到IT知识分享网。css中关于超出显示省略号"

1、单行超出显示省略号

overflow: hidden;  //超出隐藏

text-overflow: ellipsis; //文本超出时显示省略号

white-space: nowrap; //设置文本不换行

 

2、多行超出显示省略号

overflow: hidden;  //超出隐藏

text-overflow: ellipsis; //文本超出时显示省略号

display: -webkit-box;

-webkit-box-orient: vertical;//子元素排列 vertical(竖排)orhorizontal(横排)

-webkit-line-clamp: 3;//内容限制的行数

 

注意:超出显示省略号的文本需要设置宽度 !!!

免责声明:本站所有文章内容,图片,视频等均是来源于用户投稿和互联网及文摘转载整编而成,不代表本站观点,不承担相关法律责任。其著作权各归其原作者或其出版社所有。如发现本站有涉嫌抄袭侵权/违法违规的内容,侵犯到您的权益,请在线联系站长,一经查实,本站将立刻删除。 本文来自网络,若有侵权,请联系删除,如若转载,请注明出处:https://yundeesoft.com/30660.html

(0)
上一篇 2023-10-18 22:45
下一篇 2023-10-27 18:00

相关推荐

发表回复

您的电子邮箱地址不会被公开。 必填项已用 * 标注

关注微信