zoukankan      html  css  js  c++  java
  • css 文本超出隐藏并且显示省略号

    单行:

    overflow:hidden; //超出的文本隐藏

    text-overflow:ellipsis; //溢出用省略号显示

    white-space:nowrap; //溢出不换行

     多行需要加如下属性:

    display:-webkit-box; //将对象作为弹性伸缩盒子模型显示。

    -webkit-box-orient:vertical; //从上到下垂直排列子元素(设置伸缩盒子的子元素排列方式)

    -webkit-line-clamp:2; //这个属性不是css的规范属性,需要组合上面两个属性,表示显示的行数。

    overflow:hidden; 

    text-overflow:ellipsis;

    display:-webkit-box; 

    -webkit-box-orient:vertical;

    -webkit-line-clamp:2; 

  • 相关阅读:
    es删除索引
    真人快打11技能键位
    点到线段的距离
    行列快乐值
    按钮变色
    取数求和
    机器分配
    田忌赛马 问题
    雷达
    最小字典序
  • 原文地址:https://www.cnblogs.com/tianping-ondo/p/13306019.html
Copyright © 2011-2022 走看看