zoukankan      html  css  js  c++  java
  • css --文本超出范围通过...实现

    <!DOCTYPE html>
    <html>
    <head>
    <meta charset="utf-8">
    <title></title>
    <style media="screen">
      p {
         50px;
        height: 40px;
        line-height: 40px;
        border: 1px solid gray;
        border-radius: 5px;
        text-overflow: ellipsis; /*clip: 当对象内文本溢出时不显示省略标记(...),而是将溢出的部分裁切掉。
                    ellipsis: 当对象内文本溢出时显示省略标记(...)。
                    默认值:clip*/
        white-space: nowrap; /*不换行*/
        overflow: hidden; /*超出标签范围隐藏*/
        }
    </style>
    </head>
    <body>
      <p>
        张三、李四、王五
      </p>
    </body>
    </html>

    运行效果如下:

  • 相关阅读:
    css 旋转
    html 旋转
    链表和数组的区别
    hashmap
    【java开发系列】—— 自定义注解
    java不确定参数个数方法例子
    mysql 删除
    linux下常用命令
    php的几种算法(转载)
    数据容器
  • 原文地址:https://www.cnblogs.com/zhao12354/p/5725163.html
Copyright © 2011-2022 走看看