css 文字第二行多余文字隐藏后面小数点显示
来源:互联网 发布:nba2kol伦纳德2017数据 编辑:程序博客网 时间:2024/06/06 12:43
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
</head>
<style>
div{
width:500px;
text-overflow: -o-ellipsis-lastline;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
}
</style>
<body>
<div>我要在第二行的时候多余隐藏!我要在第二行的时候多余隐藏!我要在第二行的时候多余隐藏!我要在第二行的时候多余隐藏!我要在第二行的时候多余隐藏!我要在第二行的时候多余隐藏!我要在第二行的时候多余隐藏!</div>
</body>
</html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
</head>
<style>
div{
width:500px;
text-overflow: -o-ellipsis-lastline;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
}
</style>
<body>
<div>我要在第二行的时候多余隐藏!我要在第二行的时候多余隐藏!我要在第二行的时候多余隐藏!我要在第二行的时候多余隐藏!我要在第二行的时候多余隐藏!我要在第二行的时候多余隐藏!我要在第二行的时候多余隐藏!</div>
</body>
</html>
0 0
- css 文字第二行多余文字隐藏后面小数点显示
- css文字超出范围后面小数点显示
- css隐藏多余文字
- 纯css控制文字2行显示多余部分隐藏
- 文字在一行显示,多余的隐藏
- jquery实现多余文字显示或隐藏
- jquery实现多余文字显示或隐藏
- CSS截取字符串,多余文字省略号显示
- html 隐藏多余文字
- css隐藏过长的多余溢出文字的方法
- css一行文字多余的部分省略号隐藏的解决办法
- 隐藏多余的文字变为...
- css隐藏/显示文字的方法
- CSS截取字符串,将多余文字用省略号显示
- 单元格长度固定,多余文字显示... CSS样式控制
- CSS截取字符串,将多余文字用省略号显示
- CSS截取字符串,多余文字用省略号显示
- 字符串过长CSS截取多余文字并用省略号显示
- JavaSE笔记总结
- 深度学习
- leetcode 241. Different Ways to Add Parentheses
- java基础总结11-面向对象7(super关键字)
- dispatch_once 的简单应用
- css 文字第二行多余文字隐藏后面小数点显示
- structs2的请求处理过程
- 日志组件log4j和commons-logging(一)
- Android提高应用的安全性, 禁止屏幕截图
- JAVA程序员要读的书籍
- 无锁类的使用----AtomicReference
- Android进阶之旅
- caffe入门----Blob(一)(含各种编译错误解决)
- 深度学习之图像目标检测(Object Detection)