首页
(current)
jquery基础
jquery基础-频道首页
•
jquery入门
•
jquery函数
•
jquery操作HTML标签
•
jquery chm手册
jquery应用
jquery应用-频道首页
•
jquery技巧
•
jquery特效
•
jquery实例
jquery插件
专题&标签
网站专题列表:
正则
iframe
select
checkbox
xml
chm手册
table
event
对象
数组
RequireJS实例
菜单特效
图片特效
表单
ajax
滚动条
radio
json
jquery 匹配
jquery入门实例
ASP常用源码
ASP常用函数
存储过程
CSS技巧
CSS实例
拖拽
视频
在线实例
搜索
热搜词:
问号
toggle
源码
jquery 特效
checkbox
拖拽上传
cookie
表格
转数字
radio单选按钮
三级联动
鼠标经过
select 选中
跳出循环
CSS 只显示三行文本 超出后用省略号显示
:
01-20 22:11
:
28次
0赞
点赞
源代码:
点击运行
<!doctype html> <html lang="en"> <head> <title>CSS 只显示三行文本 超出后用省略号显示-aijQuery.cn</title> <script language="JavaScript" src="//cdn.bootcss.com/jquery/1.9.1/jquery.min.js"></script> <link rel="stylesheet" type="text/css" href="//maxcdn.bootstrapcdn.com/bootstrap/4.0.0-beta.2/css/bootstrap.min.css"> <style type="text/css"> .onlyshow3 { height:4.5rem; line-height:1.5rem; display: -webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:3; overflow:hidden } </style> </head> <body class="text-center"> <h2>只显示三行文本 超出显示...</h2> <p class="w-50 mx-auto onlyshow3"> 这是一段很长的文本,但只显示三行,超出的用...来显示。。 这是一段很长的文本,但只显示三行,超出的用...来显示。。 这是一段很长的文本,但只显示三行,超出的用...来显示。。 这是一段很长的文本,但只显示三行,超出的用...来显示。。 这是一段很长的文本,但只显示三行,超出的用...来显示。。 这是一段很长的文本,但只显示三行,超出的用...来显示。。 </p> </body> </html>
运行结果:
新窗口打开
Copyright © aijquery.cn 爱jQuery
豫ICP备17037455号-1
aijquery.cn-Web开发中jquery的使用方法和技巧,及常用的jquery插件的下载和使用。
2019-12-02 14:35:23