关于一行文字超出显示省略号不生效的问题!~最新版谷歌(61.0以上版本)问题

关于文字超出隐藏,显示省略号,.

(适用谷歌最新版本,60.0以上的,

目前我的版本是61.0.....

之前的老版本没有这种情况正常设置就可以!)

正常情况如下,就没有问题了给父元素设置好

父元素前提要设置width就不做叙述了!这个是前提条件

/*超出隐藏*/
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;

如果文字子元素中还有标签,例如:

<div>
     <span>
            新新
     </span>
     <a href="javascript:void (0);">
             我是要超出的部分我是要超出的部分我是要超出的部分我是要超出的部分
     </a>
</div>

然后div中 的span标签的display属性为inline-block的话,a标签没有设置display:inline-block;的话,那么,效果是超出了隐藏了,

但是没有达到我们需要的效果,超出显示省略号(即:我是要超出的部分我是要超出的部分......);

如果要实现该效果,那么,a标签要吧display属性设置成为inline-block属性才可以!

刚发现还有一种可能,

我的父元素是li在li中设置了

list-style: disc;

居然超出不显示...了,注释之后就好了,奇葩的问题,shit