css设置文本省略号问题

之前设置文本溢出显示省略号功能一直不出省略号反而是将超出的部分截掉了

    之前的写法

        overflow hidden;

        text-overflow ellipsis;

        white-space nowrap;

    正确的写法：   

        display block 

        overflow:hidden;

        white-space nowrap;

        text-overflow:ellipsis;

将display设置为block或者给一个宽度

    

©著作权归作者所有,转载或内容合作请联系作者
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

推荐阅读更多精彩内容

  • HTML+CSS(47-72)
    问答题47 /72 常见浏览器兼容性问题与解决方案？ 参考答案 (1)浏览器兼容问题一：不同浏览器的标签默认的外补...
    _Yfling阅读 14,683评论 1赞 92
  • 十·CSS常用样式
    1.块级元素和行内元素 块级(block-level)元素；行内(内联、inline-level)元素。 块元素的...
    饥人谷_小侯阅读 6,177评论 1赞 4
  • 第一阶段
    day01­_起源和结构 结构：Xhtml xml 表现：CSS 行为：DOM ECMAScript 以上都属于W...
    Sakura_明妃阅读 4,979评论 0赞 1
  • CSS
    CSS 规则 css 语法：选择器 、一条或者多条声明（css属性） CSS引入方式 1. 行内式 通过sty...
    青青玉立阅读 3,770评论 0赞 0
  • 牵挂
    雨下的好大， 对你的思念无话。 那年从初春到初夏， 总觉得你眉眼如画。 后来只剩我的天涯， 无处找人来作答。 梦里...
    何潇湘阅读 3,165评论 0赞 4