css折行

作者: believedream | 来源:发表于2017-03-28 19:39 被阅读0次

一行显示省略号

    overflow:hidden;
    white-space:nowrap;
    text-overflow:ellipsis;

两行隐藏省略号

   width: 200px;
    word-break: break-all;
    text-overflow: ellipsis;
    display: -webkit-box; /** 对象作为伸缩盒子模型显示 **/
    -webkit-box-orient: vertical; /** 设置或检索伸缩盒对象的子元素的排列方式 **/
    -webkit-line-clamp: 3; /** 显示的行数 **/
    overflow: hidden;  /** 隐藏超出的内容 **/

相关文章

  • css折行

    一行显示省略号 两行隐藏省略号

  • 6中折行对应的类

    自动空格折行 StringRoundBySpacePaintPolicy 折行+截断 StringRoundAnd...

  • CSS多行文本省略

    1.在文本内容过长时,做折行并省略显示,效果如下 css参考如下: 2.长段内容自动换行显示方法:style={{...

  • CSS选择器

    阿里云服务器3折开售(点此直达) 大纲 1.css简介2.css代码语法3.css注释代码4.css引入方式及其优...

  • css中文本保留一行或者保留多行截掉显示...

    css如果保留一行截掉显示... css如果保留多行截掉显示... 注: css中必须得给宽width,保留一行的...

  • VSCode折行(mac)

    文件 -> 首选项 -> 设置 -> 编辑器 找到 // 控制折行方式。可以选择: - “off” (禁用折行),...

  • 文字折行

    单行文本溢出 text-overflow: ellipsis 这一属性依赖于overflow: hidden存在,...

  • 折行显示

    render:(h,params) =>{let texts = params.row.name;return h...

  • day03

    今天学了什么 1.css列表样式 2.css边框 可以简写成 3.表格 3.1折叠边框 border-collap...

  • CSS行高

    css行高line-height的一些深入理解及应用 深入理解CSS中的行高

网友评论

      本文标题:css折行

      本文链接:https://www.haomeiwen.com/subject/ahksottx.html