【CSS】CSS截断文本显示省略号的问题

  .cut_text {
       display: block;
       max-width: 200px;
overflow: hidden;
       text-overflow: ellipsis;
       white-space: nowrap;
   }

这段css可以成功截取，但是页面中并没有显示省略号。

图片描述

查看页面源代码发现带省略号的文本被注释掉了。

图片描述

这是什么原因呢。

回答：

a标签容器超出，你是对li容器的文本进行设定了，但是对a标签的容器没做限定

回答：

代码来看，没问题。
所以，猜不到具体会是什么情况。

看截图，有阴影，那么浏览器的版本应该不会差。

这段代码测试一下，在chrome中看到是正常的，所以，我只是路过，说一下，我不知道是什么原因导致的。如果可以的话，最好是能提供一个demo，然后告知一下是在什么情况下失效。

回答：

需要给容器添加一个宽度属性

回答：

chrome检查一下css属性，看看这些css属性是否都存在，有可能被remove了

回答：

高度你试着也限制一下?

回答：

max-width 改为 width

回答：

高度都没 怎么截

以上是 【CSS】CSS截断文本显示省略号的问题 的全部内容， 来源链接： utcz.com/a/153851.html

回到顶部