zoukankan      html  css  js  c++  java
  • CSS杂记:文字溢出时显示省略号的样式效果

    1. 应用案例

    以京东页面为例:

    2. CSS样式实现

    2.1. 单行文字溢出显示省略号效果

    代码示例:

    `

    Document
    这是一段测试文本,测试单行文字溢出的CSS样式。
    `

    展示效果:

    2.2. 多行文字溢出显示省略号效果

    代码示例:

    `

    Document
    这是一段测试文本,测试单行文字溢出的CSS样式。 这是一段测试文本,测试单行文字溢出的CSS样式。
    `

    展示效果:

  • 相关阅读:
    [包计划] date-fns
    [包计划] create-react-app
    [包计划] js-cookie
    [包计划] cheerio
    [包计划] 30-seconds-of-code
    new
    [源计划] array-first
    [源计划] is-sorted
    [源计划] array-flatten
    images
  • 原文地址:https://www.cnblogs.com/itwhite/p/14824369.html
Copyright © 2011-2022 走看看