您现在的位置是：网站首页> 编程资料编程资料

css样式显示省略号自定义宽度超过隐藏显示省略标记CSS文本超出指定宽度后隐藏并显示为省略号的实现方法利用css的样式对文本进行隐藏和显示等操作css样式的动态添加及显示和隐藏等零碎用法纯css3显示隐藏一个div特效的具体实现css和jquery设置文字的显示和隐藏利用CSS3的checked伪类实现OL的隐藏显示的方法从A页面连接到B页面后并直接把B页面的隐藏层显示-CSS教程-网页制作-网CSS实现隐藏和显示功能的代码

2021-09-06 937人已围观

简介这篇文章主要介绍了css样式怎么显示省略号，即当超过自定义宽度时隐藏显示省略标记，比较实用，需要的朋友可以参考下

用css样式显示省略号，记

复制代码

代码如下:

.xx{
display: block;
width:200px;/*对宽度的定义,根据情况修改*/
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}

效果图