CSS-省略号
来源:互联网 发布:王源sleep 知乎 编辑:程序博客网 时间:2024/04/29 13:24
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<style type="text/css">
div {
width: 200px;
height: 200px;
border: 1px solid red;
}
p {
display: -webkit-box;
/*必须结合的属性 ,将对象作为弹性伸缩盒子模型显示 。*/
-webkit-box-orient/*必须结合的属性 ,设置或检索伸缩盒对象的子元素的排列方式 。*/
text-overflow: ellipsis;
/*可以用来多行文本的情况下,用省略号“…”隐藏超出范围的文本 。*/
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
}
</style>
</head>
<body>
<div>
<p>的说法的说法的说法的说法的说法的说法打发的说法发的说法发发打发的说法是否
<p>
</div>
</body>
</html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<style type="text/css">
div {
width: 200px;
height: 200px;
border: 1px solid red;
}
p {
display: -webkit-box;
/*必须结合的属性 ,将对象作为弹性伸缩盒子模型显示 。*/
-webkit-box-orient/*必须结合的属性 ,设置或检索伸缩盒对象的子元素的排列方式 。*/
text-overflow: ellipsis;
/*可以用来多行文本的情况下,用省略号“…”隐藏超出范围的文本 。*/
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
}
</style>
</head>
<body>
<div>
<p>的说法的说法的说法的说法的说法的说法打发的说法发的说法发发打发的说法是否
<p>
</div>
</body>
</html>
0 0
- css 省略号
- css省略号
- CSS-省略号
- CSS控制省略号问题
- Css控制省略号控制
- css 省略号表示
- CSS文本溢出省略号
- CSS 省略号的故事
- CSS写省略号
- css 解决方案-单行省略号
- css样式显示省略号
- CSS单行省略号
- CSS实现省略号
- css文字省略号
- css 显示省略号
- CSS超出省略号
- CSS 溢出省略号
- css 省略号代码
- 2016年湖南省第十二届大学生计算机程序设计竞赛 解题报告
- XML简介与创建
- [干货最新]将自己库添加Cocoapods支持
- 差分约束(就是把不等式转化为一个图,然后就可以做了,现在看来,我是很水的,我以前根本没有写过是spfa,然后我也煤油搞懂spfa的核心思想,)
- AngularJS之依赖注入(实例一)
- CSS-省略号
- 字符串分隔
- Ubuntu 通过ppa安装node
- 第二周项目一c/c++语言中函数参数传递的三种方式
- 原来只是说说而已
- rem adb command 注释符号
- HDU:1266 Reverse Number
- fastboot烧写软件
- Linux下python2.7安装pip