css - text-overflow: ellipsis;失效

问题描述

问 题

    /*css部分*/
    text-overflow: ellipsis;
    overflow: hidden;
    

理想效果应该是用三点来表示省略。但是效果如下（区域大小用边框已圈出，文本长度肯定是溢出了的）已
了多个浏览器的效果 都和下面一致

望指教

解决方案

加上不让文字换行这个属性就可以了

/*css部分*/
    text-overflow: ellipsis;
    overflow: hidden;
    word-space:nowrap;

这篇关于css - text-overflow: ellipsis;失效的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！