分享web开发知识

注册/登录|最近发布|今日推荐

主页 IT知识网页技术软件开发前端开发代码编程运营维护技术分享教程案例
当前位置:首页 > IT知识

49.CSS--- 设置多行文本超出显示省略号

发布时间:2023-09-06 02:02责任编辑:胡小海关键词:CSS
<div class="caption"> ?<p>显示超过两行就显示省略号,其余隐藏,隐藏不了的情况下给这个模块添加一个高度和行高
,高度是行高的两倍</p></div>

css:

.caption { ?overflow : hidden; ?text-overflow: ellipsis; ?display: -webkit-box; ?-webkit-line-clamp: 2; ?-webkit-box-orient: vertical; ?color: #999999; ?line-height: 15px;// ?height:30px;///* 2行隐藏就两倍,三行隐藏就三倍*/}

49.CSS--- 设置多行文本超出显示省略号

原文地址:https://www.cnblogs.com/sqyambition/p/9257667.html

知识推荐

我的编程学习网——分享web前端后端开发技术知识。 垃圾信息处理邮箱 tousu563@163.com 网站地图
icp备案号 闽ICP备2023006418号-8 不良信息举报平台 互联网安全管理备案 Copyright 2023 www.wodecom.cn All Rights Reserved