• 技术文章 >web前端 >html教程

    CSS文字超出div或者span时显示省略号_html/css_WEB-ITnose

    2016-06-24 11:29:03原创1148

    我们常常需要在文本过长时显示,将超出显示成省略号:

    思想为:

    首先设置宽度,然后让超出的部分隐藏
    如果有超出则在最后显示省略号
    让文本不换行

    具体css代码为:

    .title{

    width:200px;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
    word-break:keep-all;

    }

    Html代码就不用写了,一个div 或者span class = "title"即可。

    声明:本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn核实处理。
    上一篇:Animation动画详解(五)--ValueAnimator高级进阶(一)_html/css_WEB-ITnose 下一篇:自己动手写 PHP MVC 框架(40节精讲/巨细/新人进阶必看)

    相关文章推荐

    • 为什么是这样的?_html/css_WEB-ITnose• [翻译]解读CSS中的长度单位_html/css_WEB-ITnose• 引入外部CSS的两种方式及区别_html/css_WEB-ITnose• 如何考评一名前端工程师?_html/css_WEB-ITnose• web开发中比较常用的html标签_html/css_WEB-ITnose
    1/1

    PHP中文网