html5文本过长省略内容

RWYQ阿伟 | 2022-11-25 | 笔记 | 0条留言 | 522 | 2022-11-25更新

html5文本过长省略内容

对元素添加下面三个属性,自动省略过长文本。

/*文本超出隐藏*/
overflow: hidden; 

/*显示省略号来表示修剪文本*/
text-overflow: ellipsis; 

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


博客内容遵循 署名-非商业性使用-相同方式共享4.0国际(CC BY-NC-SA 4.0)协议。

本文链接:https://www.rwyqboy.top/post/457.html

版权声明:本文由阿伟的笔记本发布,如需转载请注明出处。

...

发表评论:

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。