博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
css样式之超出隐藏
阅读量:4613 次
发布时间:2019-06-09

本文共 456 字,大约阅读时间需要 1 分钟。

文本超出部分隐藏,总结两种方法。

1、单行隐藏

html代码

当文字超过范围的时候,超出部分会隐藏起来。

css代码

.mi {	width: 200px;	overflow: hidden;	text-overflow: ellipsis;	white-space:nowrap;}

结果

当文字超过范围的时候,超出部分会隐藏起来。

2、多行隐藏

html代码

当文字超过范围的时候,超出部分会隐藏起来。可以设置第几行开始隐藏。

css代码

.mi {	width: 200px;	overflow: hidden;	display: -webkit-box;	-webkit-box-orient:vertical;	-webkit-line-clamp:2;}

结果

当文字超过范围的时候,超出部分会隐藏起来。可以设置第几行开始隐藏。

转载于:https://www.cnblogs.com/tianwengao/p/6248851.html

你可能感兴趣的文章
为什么 NSLog 不支持 Swift 对象(转)
查看>>
Ubuntu 下搭建SVN服务器
查看>>
css3转换
查看>>
useradd -M -s /sbin/nologin mysql -g mysql 报错 Creating mailbox file
查看>>
python的字典和json转的互转
查看>>
WCF
查看>>
15.02.13-代码小技巧
查看>>
剑指offer31----栈的压入、弹出序列
查看>>
读取文件,按行输出
查看>>
UVA 11825 Hackers' Crackdown - 状压dp
查看>>
正则表达式
查看>>
向PHP发送HTTP-Get请求
查看>>
本周作业
查看>>
Python中的 matplotlib(二)随机漫步
查看>>
rsyslog 传输日志
查看>>
14.5.2.3 Consistent Nonlocking Reads 一致性非锁定读
查看>>
apache性能优化
查看>>
UNDO 100%
查看>>
MaReduce理论
查看>>
CentOS7安装RabbitMQ
查看>>