css文本超出后隐藏_css 内容超出后隐藏_小伟0718的博客-程序员宅基地

技术标签: css整理  css文本省略号  

1.单行

部分浏览器还需要加宽度width属性。

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

2.多行

1、display: -webkit-box; 必须结合的属性 ,将对象作为弹性伸缩盒子模型显示

2、-webkit-box-orient 必须结合的属性 ,设置或检索伸缩盒对象的子元素的排列方式

3、-webkit-box-orient 必须结合的属性 ,设置或检索伸缩盒对象的子元素的排列方式

4、-webkit-line-clamp 是一个 不规范的属性

.ellipsis {
	overflow : hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}

3.使用:after

.ellipsis  {
    position:relative;
    line-height:1.6em;
    height:3.2em; //height高度是line-height的2倍
    overflow:hidden;
}
.ellipsis:after {
	content:"...";
 	position:absolute;
    bottom:0;
    right:0;
    font-weight:bold;
	padding-left: 20px;
}
版权声明:本文为博主原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。
本文链接:https://blog.csdn.net/zyq19930325/article/details/88220613

智能推荐

1010 一元多项式求导 (25 分)(C语言实现)_设计函数一元多项式求导 c语言_yuzuX的博客-程序员宅基地

1010 一元多项式求导输入格式:以指数递降方式输入多项式非零项系数和指数(绝对值均为不超过 1000 的整数)。数字间以空格分隔。输出格式:以与输入相同的格式输出导数多项式非零项的系数和指数。数字间以空格分隔,但结尾不能有多余空格。注意“零多项式”的指数和系数都是 0,但是表示为 0 0。输入样例:3 4 -5 2 6 1 -2 0输出样例:12 3 -10 1 6 0代码:..._设计函数一元多项式求导 c语言

第四周第一次记录-程序员宅基地

如今项目的进展可能已经进入了最后的编码阶段,如果编码完成,项目就会进行测试阶段,如果测试完成,如果有测试文档,我们可能还需要对测试文档进行规范化和整理的工作。总的来说项目已经接近完成了。...

Openstack Sahara组件和架构简介_hxpjava1的博客-程序员宅基地

Openstack Sahara组件和架构简介1.简介Apache Hadoop是目前被广泛使用的主流大数据处理计算框架,Sahara项目旨在使用用户能够在Openstack平台上便于创建和管理Hadoop以及其他计算框架集群,实现类似AWS的EMR(Amazon Elastic MapReduce service)服务。用户只需要提供简单的参数,如版本信息、集群拓扑、节点硬件信息等,利用...

bsgs算法_witnessai1的博客-程序员宅基地

转载:http://blog.csdn.net/clover_hxy/article/details/50683832参考:http://blog.csdn.net/clove_unique/article/details/50740412bsgs算法bsgs算法,又称大小步算法(某大神称拔山盖世算法)。主要用来解决 A^x=B(mod C)(C是质数),都是整

Ubuntu18.4安装g2o_0penuel0的博客-程序员宅基地

1.安装依赖项:  sudo apt-get install cmake libeigen3-dev libsuitesparse-dev qtdeclarative5-dev qt5-qmake libqglviewer-dev2.  mkidr build    cd build    cmake ..   make    sudo make install..._g2o如何引用cmake ubuntu18.04

创建nfs4_state_owner结构和nfs4_state结构_ycnian的博客-程序员宅基地

nfs4_state_owner代表了客户端的一个用户,包含了这个用户打开的所有文件的信息。每个文件用数据结构nfs4_state表示,每打开一个文件就向nfs4_state_owner中添加一个nfs4_state结构。因此,OPEN操作中首先要检查客户端是否为当前用户创建了nfs4_state_owner结构,如果没有就创建一个。这个流程是由函数nfs4_get_state_owner()实现

随便推点

[oracle自定义函数]查询表格的行数_oracle定义函数查找参数指定的表格_罗小树的博客-程序员宅基地

假如要查的表为emp(员工表),在scott用户下默认有这张表。当前有14条记录。只需要执行select count(*) from emp;需求:现在要把表名变成动态传入的,想查哪张表的行数只要传入表名就行了一、准备工作在写这个之前,我们先来写一个根据员工id(empno)查询员工姓名(ename)的自定义函数(getEmpName)creat_oracle定义函数查找参数指定的表格

Eclipse光标变成黑块解决方法_梦凝哲雪的博客-程序员宅基地

现象Eclipse光标变成了 一个小黑快 很不适应 如图原因因为错按了insert键导致的,再按一下就切换成正常的光标了笔记本Surface Pro 键盘的Delete键和Insert键合二为一试了多种方式, 每次都是激活Del效果 无法分离功能解决方案其实这里就比较尴尬, 我直接关了当前Class窗口 然后重新打开就行待解决如何分离 Delete键和Insert键...

linux scp命令 (复制远程主机上的文件到本地)_scp怎么捞取目标主机相同的文件_「已注销」的博客-程序员宅基地

scp是secure copy的简写,用于在Linux下进行远程拷贝文件的命令,和它类似的命令有cp,不过cp只是在本机进行拷贝不能跨服务器,而且scp传输是加密的。可能会稍微影响一下速度。当你服务器硬盘变为只读 read only system时,用scp可以帮你把文件移出来。另外,scp还非常不占资源,不会提高多少系统负荷,在这一点上,rsync就远远不及它了。虽然 rsync比scp会快一点_scp怎么捞取目标主机相同的文件

【IOS开发】异常断点_会写代码的饭桶的博客-程序员宅基地

解决IOS异常无法定位代码的问题,有时还是得多看看官方文档

自制个人免签收款_ggl1438的博客_thorn5918的博客-程序员宅基地

自制个人免签收款整个流程图监控截图适用人群更多整个流程图例如下面一个序列图(通过API进行订单信息的传输):#mermaid-svg-GTGqSaP0DmQAVWIG .label{font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family);fill:#333;color:#333}#mermaid-svg-GTGqSaP0DmQAVWIG .label text{fill:#333}#mermai_ggl1438的博客

武器库管理,仅增删改查_梦里花不落的博客-程序员宅基地

import java.io.*;/** * @author wangzhengxiang */public class User { public static void main(String[] args) throws IOException { //管理员密码 String code1="gly123"; //纪检密码 String code2="jj123"; String idd;

推荐文章

热门文章

相关标签