页面多行时最后会有一个展开按钮和省略号共存

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>多行省略 尾随按钮</title><style type="text/css">* {margin: 0;padding:  0;}.wrap {display: flex;}.text {display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;overflow: hidden;word-break: break-all;padding: 0 10px;}.text::before {float: right;content: '';background-color: red;/* 减去尾随按钮高度  */height: calc(100% - 21px); }.more {float: right;clear: both;line-height: 17px;height: 21px;}</style>
</head>
<body><div id="app"><div class="wrap"><div class="text"><button class="more">更多</button>你猜你猜你猜你猜你猜你猜你猜你猜你猜你猜你猜你猜你猜你猜你猜你猜你猜你猜你猜你猜你猜你猜你猜你猜你猜你猜你猜你猜你猜你猜你猜你猜你猜你猜你猜你猜你猜你猜你猜你猜</div></div></div>
</body>
</html>

页面多行时最后会有一个展开按钮和省略号共存相关推荐

%matplotlib inline是jupyter notebook里的命令, 意思是将那些用matplotlib绘制的图显示在页面里而不是弹出一个窗口
%matplotlib inline是jupyter notebook里的命令, 意思是将那些用matplotlib绘制的图显示在页面里而不是弹出一个窗口终端输入jupyter notebook, ...
java提交数据到另一个页面_JS实现把一个页面层数据传递到另一个页面的两种方式...
由于之前面试,被问到过此问题,所以今天特意整理了一下.由于自己技术水平有限,若存在错误,欢迎提出批评. 本博客整理了两种方式从一个页面层向另一个页面层传递参数. 一. 通过cookie方式 1. 传递 ...
微信支付（APP）集成时碰到的问题（.net提示“无权限”、iOS跳转到微信支付页面中间只有一个“确定”按钮）...
直入主题之前,请容我吐槽一下微*的官方东西:ASDFQ%#$%$#$%^FG@#$%DSFQ#$%.......:吐槽玩了!大家心照就好. 要完成手机APP跳转到微信的APP进行微信支付,需要进行如下 ...
在一个请求分页系统中，分别采用 FIFO、LRU和 OPT页面置换算法时，假如一个作业的页面走向为 4、3、2、1、4、3、5、4、3、2、1、5，当分配给该作业的物理块数M分别为 3、4时，
页面置换算法题目: 在一个请求分页系统中,分别采用 FIFO.LRU和 OPT页面置换算法时,假如一个作业的页面走向为 4.3.2.1.4.3.5.4.3.2.1.5,当分配给该作业的物理块数M分别 ...
在微信小程序中怎么让一个页面的信息传递到另一个页面
首先需要在前台搭建好需要展示的那个页面.  <view class='nav'>输入个人信息</view> ...
JSP中如何把一个页面的信息传递到另一个页面来
JSP中如何把一个页面的信息传递到另一个页面来前言: 在做项目的某些特定的情况下,我们需要把这个页面的数据传递到另外一个页面来,在到后端来进行操作:那又哪些方法来实现呢?哪个方法是最好 ...
一个带展开按钮的TextView控件
网上找了很多三方的实现但是都不是我想要的效果或者实现比较复杂,然后就自己写了一个. 就这种效果其实就是很轻量级的一个实现. 首先看我实现的第一个版本. public class ExpandTextV ...
标准的网页浏览器都提供一个功能：保留最近浏览过页面的历史记录。通过后退或向前按钮就能在历史记录之间跳转。现在，请你模拟这个功能，接收如下三条指令:1. BACK：回退功能，即回退到上一个访问的
标准的网页浏览器都提供一个功能:保留最近浏览过页面的历史记录.通过后退或向前按钮就能在历史记录之间跳转. 现在,请你模拟这个功能,接收如下三条指令: 1. BACK:回退功能,即回退到上一个访问的页面 ...
windows phone真正解决方案:无法启动调试--未安装 Silverlight Developer 运行时。请安装一个匹配版本。
无法启动调试--未安装 Silverlight Developer 运行时.请安装一个匹配版本. 这个问题最开始困扰我的,我没有太注意,因为不是我开发,我只是跟踪一下就可以了.不过今天出了问题,负责人 ...
php 跳转回上一个页面,php跳转回上一个页面
[摘要] PHP即"超文本预处理器",是一种通用开源脚本语言.PHP是在服务器端执行的脚本语言,与C语言类似,是常用的网站编程语言.PHP独特的语法混合了C.Java.Perl以及 ...

页面多行时最后会有一个展开按钮和省略号共存

页面多行时最后会有一个展开按钮和省略号共存相关推荐

最新文章

热门文章