设置文字最后一行，末尾自定义

效果如图所示，自定义文本末尾的显示效果

     .text{font-size: 28rpx;line-height: 48rpx;display: block;color: #666;margin-top: 30rpx;overflow: hidden;height: 240rpx;   //高度与行高成倍数关系，避免文字只显示一半position: relative;}.text::after{content: "...详情";width: 2.8em;  //宽度根据需要进行调整，避免把文字遮盖一半的情况font-size: 30rpx;background-color: #fff;  //背景色设置为与段落背景色一致，直接覆盖在原段落文字上position: absolute;bottom: 0;right: 0;color: #1976d2;}

设置文字最后一行，末尾自定义相关推荐

wps文字退格会删掉文字_WPS第二行文字前面有大量空白，按退格不会动，只是把上一行末尾的字去掉。...
选该单元格-菜单栏-开始-段落版块-右下角:下拉)段落-缩进和间距-缩进:左缩进:0字符-确定www.mh456.com防采集. WPS第二2113行文字前面有大量空白,5261按退格不会动,只是把上 ...
CSS 设置文字只显示一行，多余显示省略号
CSS 设置文字只显示一行,多余显示省略号 .view-text{/**思路:1.设置inline-block属相2.强制不换行3.固定高度4.隐藏超出部分5.显示"--"*/di ...
php 自定义行间距,CSS设置文字行间距的方法介绍（代码示例）
本篇文章的内容是关于CSS设置文字行间距的方法介绍,内容很详细,有需要的朋友可以参考一下. 对于行间距的设置肯定是需要行高属性line-height来设置间距.(相关推荐:CSS学习手册) 指定绝对值 ...
4.Matplotlib多子图,文字和注释以及自定义坐标轴
文章目录 Matplotlib绘制多子图,文字和注释以及自定义坐标轴刻度多子图自定义子图位置网格多子图 plt.subplot() / add_subplot方法循环创建 plt.subplot ...
css省略号，css书写顺序，实现滑动，设置滚动条的样式，设置文字的渐变色
css笔记记录!!! 1.oninput事件 // 当用户向 <input> 中尝试输入时执行 JavaScript: // 是输入框仅限于汉字输入(无延迟) 例如:oninput=&qu ...
CSS设置文字的划线
CSS设置文字的划线文字加上下划线.顶划线和删除线,在文档中是经常使用的. CSS中通过设置文字的text-decoration属性,来实现这些特殊的效果. <span style=" ...
极度丝滑！CentOS/Unbuntu系统下快速设置虚拟内存，一行命令快速搞定！！！
CentOS/Unbuntu系统下快速设置虚拟内存,一行命令搞定快速开始 #请cd到你机器的执行命令的路径下 cd /usr/local/bin #wget脚本 wget https://gitee ...
html怎么设置文字段落,第3章用HTML设置文字与段落.ppt
第3章用HTML设置文字与段落第3章用HTML设置文字.段落 GGAO CM WTU 学习目标输入文字设置文字的格式设置段落的格式水平线的标记创建列表使用marquee设置滚动效果 ...
php css下划线,css下划线如何设置？css设置文字下划线的方法介绍
在网页中默认情况下文字字体是没有下划线样式的,但是有时候我们在网页中会看到不是链接的文字下面会有一行下划线,那么这个下划线样式是怎么实现的呢?本篇文章就来给大家介绍一下css设置文字下划线的方法,接下 ...

设置文字最后一行，末尾自定义

设置文字最后一行，末尾自定义相关推荐

最新文章

热门文章