首页
(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实例
拖拽
视频
在线实例
搜索
热搜词：
checkbox
跳出循环
cookie
radio单选按钮
video
正则验证
鼠标经过
jquery 特效
转数字
select 选中
toggle
拖拽上传
三级联动
源码
问号
CSS 只显示三行文本 超出后用省略号显示
:
01-20 22:11
:
53次
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插件的下载和使用。
2020-07-11 23:43:06