首页 > 其他分享 >p标签单行文本溢出和多行文本溢出显示省略号解决方法

p标签单行文本溢出和多行文本溢出显示省略号解决方法

时间:2023-03-17 13:33:27浏览次数:37  
标签:多行 省略号 webkit overflow 文本 溢出

单行

p {
	overflow: hidden;
	text-overflow:ellipsis;
	white-space: nowrap;
}

多行

// 多行显示省略号,数字3为超出3行显示,
p {
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
	overflow: hidden;
}

标签:多行,省略号,webkit,overflow,文本,溢出
From: https://www.cnblogs.com/zhangjuntao520/p/17226443.html

相关文章

  • 文本居中对齐
     如果仅仅是为了文本在元素内居中对齐,可以使用 text-align:center;文本居中对齐实例.center{text-align:center;border:3pxsolidgreen;https://......
  • vue3 + vue-clipboard3 复制文本到剪切板
    1.安装yarnaddvue-clipboard32.引入importuseClipboardfrom'vue-clipboard3';3.html部分<n-buttontertiarytype="primary"ref="copyBtn"@click="copyP......
  • 添加mark-整板添加地孔-调整丝印-添加文本-12
    选择好库:mark点需要在库中,封装需要相关焊盘的psm文件,文本文件,bra文件等等    整板添加地孔:增加层之间连接性,性能更好设置好栅格,执行复制命令调整位号丝印:......
  • sed文本处理工具常见用法
    sed是一个非交互式的文本处理工具,它默认不会修改源文件,它是把文件中的内容逐行copy到缓冲区,然后在缓冲区中进行处理,最后把处理的结果显示到屏幕上并清空缓冲区然后再从文......
  • QT5笔记: 29. 文本文件读写
    例子:主要讲了QFile、QTextStream进行文本文件读写MainWindow.h#ifndefMAINWINDOW_H#defineMAINWINDOW_H#include<QMainWindow>QT_BEGIN_NAMESPACEnamesp......
  • 常用的Vue富文本编辑器:
     Quill:Quill是一个现代化、可定制的富文本编辑器,提供了许多有用的功能,如文本样式、列表、媒体插入等。在Vue中可以使用vue-quill-editor来集成Quill。CKEditor5:CKE......
  • 快速读写文本文件
    packagecom.example.demo.java;importcom.alibaba.fastjson2.JSON;importcom.alibaba.fastjson2.JSONObject;importjava.io.IOException;importjava.net.URI;i......
  • 文本居中对齐
    文本居中对齐如果仅仅是为了文本在元素内居中对齐,可以使用 text-align:center;文本居中对齐实例.center{text-align:center;border:3pxsolidgreen;}h......
  • 怎么避免服务内存溢出?
    在高并发、高吞吐的场景下,很多简单的事情,会变得非常复杂,而很多程序并没有在设计时针对高并发高吞吐量的情况做好内存管理。自动内存管理机制的实现原理做内存管理,主要考......
  • 自己动手从零写桌面操作系统GrapeOS系列教程——14.屏幕显示原理与文本模式
    学习操作系统原理最好的方法是自己写一个简单的操作系统。一、屏幕显示原理电脑显示器屏幕是由很多很小的像素组成的。每个像素就像是一个小灯泡,在屏幕上一排一排的整......