06.截断文本 && 选择任何链接 && :root 和 html 有什么区别

  • 开发
  • 14
截断文本

对超过一行的文本进行截断,在末尾添加省略号(…)。

  • 使用 overflow: hidden 防止文本超出其尺寸。

  • 使用 white-space: nowrap 防止文本超过一行高度。

  • 使用 text-overflow: ellipsis 使得如果文本超出其尺寸,将以省略号结尾。

  • 为元素指定固定的 width,以确定何时显示省略号。

  • 仅适用于单行元素

<p class="truncate-text">如果我超过一行的宽度,我就会被截断。</p>

8b829a7ab9be69de4c2005a1421c8999.png

使用 CSS 选择任何链接
阅读全部

相关推荐

  3. 软链接跟硬链接有什么区别

    2024-07-20 02:12:03       16 阅读

  10. equals和==有什么区别？

    2024-07-20 02:12:03       34 阅读

最近更新

  3. docker php8.1+nginx base 镜像 dockerfile 配置

    2024-07-20 02:12:03       52 阅读

  4. Could not load dynamic library ‘cudart64_100.dll‘

    2024-07-20 02:12:03       54 阅读

  9. 在Django里面运行非项目文件

    2024-07-20 02:12:03       45 阅读

  19. Python语言-面向对象

    2024-07-20 02:12:03       55 阅读

  20. 如何分清楚常见的 Git 分支管理策略Git Flow、GitHub Flow 和 GitLab Flow

    2024-07-20 02:12:03       50 阅读

热门阅读

  2. Webpack基础学习-Day01

    2024-07-20 02:12:03       15 阅读

  4. Git技巧：如何重命名你的分支

    2024-07-20 02:12:03       15 阅读
  8. RocketMQ

    RocketMQ

    2024-07-20 02:12:03      17 阅读

  10. 请求头中的Cookie和Referer（学习笔记）

    2024-07-20 02:12:03       18 阅读

  11. 麻醉病人的护理

    2024-07-20 02:12:03       14 阅读

  13. 比较HTTP/1.1、HTTP/2

    2024-07-20 02:12:03       17 阅读

  14. oracle decode 使用if else

    2024-07-20 02:12:03       16 阅读

  16. monocle3拟时序分析怎么做到多样本间pseudotime值可比？

    2024-07-20 02:12:03       15 阅读

  21. 厨房秤方案pcba设计研发

    2024-07-20 02:12:03       14 阅读

  23. Jwt令牌

    2024-07-20 02:12:03       18 阅读

  24. php反序列化练习题

    2024-07-20 02:12:03       16 阅读