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

Question

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

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

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

这是什么原因呢。

Answer 1

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

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

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

Answer 2

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

Answer 3

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

Answer 4

高度你试着也限制一下?

Answer 5

max-width 改为 width

Answer 6

高度都没 怎么截

Answer 7

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