zoukankan      html  css  js  c++  java
  • 文本溢出显示省略号

    <style type="text/css">
    .text { width:100px; overflow:hidden;}
    .text-cut{ 
        display:block;
        text-overflow: ellipsis;
        width:100%; /*ie6 写在一层的时候要用到*/
        white-space: nowrap;
    }
    </style>
    </head>
    
    <body>
    <h2 class="text"><span class="text-cut">我在哪里我的爱,为你不怕风吹日晒</span></h2>
    <h2 class="text"><span class="text-cut">我在哪里我的爱,为你不怕风吹日晒</span></h2>
    <h2 class="text"><span class="text-cut">我在哪里我的爱,为你不怕风吹日晒</span></h2>
    <h2 class="text"><span class="text-cut">我在哪里我的爱,为你不怕风吹日晒</span></h2>
    <h2 class="text"><span class="text-cut">我在哪里我的爱,为你不怕风吹日晒</span></h2>
    <h2 class="text"><span class="text-cut">我在哪里我的爱,为你不怕风吹日晒</span></h2>
    <h2 class="text"><span class="text-cut">我在哪里我的爱,为你不怕风吹日晒</span></h2>
    <h2 class="text"><span class="text-cut">我在哪里我的爱,为你不怕风吹日晒</span></h2>
    </body>

    注意:外层的overflow是必须的,width100%是为了兼容ie6,但在这个例子是中是不需要的,注意和下面的比较

  • 相关阅读:
    bzoj4321
    bzoj1800
    codeforces396C
    codeforces400C
    codeforces271D
    关于jsp中jstl-core标签循环遍历的使用
    hibernate坑边闲话2
    hibernate坑边闲话
    hibernate中实体与数据库中属性对应的类型
    MySQL的常用命令:添加外键,修改字段名称,增加字段 设置主键自增长等
  • 原文地址:https://www.cnblogs.com/wannasing/p/3077240.html
Copyright © 2011-2022 走看看