惯性聚合 高效追踪和阅读你感兴趣的博客、新闻、科技资讯
阅读原文 在惯性聚合中打开

推荐订阅源

N
Netflix TechBlog - Medium
Blog — PlanetScale
Blog — PlanetScale
月光博客
月光博客
freeCodeCamp Programming Tutorials: Python, JavaScript, Git & More
CTFtime.org: upcoming CTF events
CTFtime.org: upcoming CTF events
爱范儿
爱范儿
量子位
博客园 - 聂微东
Engineering at Meta
Engineering at Meta
WordPress大学
WordPress大学
GbyAI
GbyAI
MyScale Blog
MyScale Blog
IT之家
IT之家
P
Proofpoint News Feed
M
MIT News - Artificial intelligence
The Cloudflare Blog
H
Hackread – Cybersecurity News, Data Breaches, AI and More
Hugging Face - Blog
Hugging Face - Blog
The Register - Security
The Register - Security
Microsoft Security Blog
Microsoft Security Blog
博客园_首页
MongoDB | Blog
MongoDB | Blog
F
Fortinet All Blogs
博客园 - 三生石上(FineUI控件)
Y
Y Combinator Blog
雷峰网
雷峰网
V
Visual Studio Blog
酷 壳 – CoolShell
酷 壳 – CoolShell
Last Week in AI
Last Week in AI
博客园 - 叶小钗
D
DataBreaches.Net
B
Blog
B
Blog RSS Feed
大猫的无限游戏
大猫的无限游戏
aimingoo的专栏
aimingoo的专栏
让小产品的独立变现更简单 - ezindie.com
让小产品的独立变现更简单 - ezindie.com
The GitHub Blog
The GitHub Blog
云风的 BLOG
云风的 BLOG
Recent Announcements
Recent Announcements
阮一峰的网络日志
阮一峰的网络日志
小众软件
小众软件
腾讯CDC
T
Threat Research - Cisco Blogs
SecWiki News
SecWiki News
Martin Fowler
Martin Fowler
D
Docker
Cisco Talos Blog
Cisco Talos Blog
T
Tenable Blog
Webroot Blog
Webroot Blog
宝玉的分享
宝玉的分享

博客园 - 幽冥狂_七

vue2 中把页面导出pdf Nuxt 文档 gird 布局合并了行和列 原位置不动 SemanticKernel Stable diffusion语法 Cosyvoice本地部署指令文档 CSS实现点击翻转效果 记录.net8支付宝手机网页应用的过程 读取.net core配置文件appsetting.json内容 chromedriver版本 Sql Server触发器调用exe控制台程序 秒杀的简单例子 Vue3 Slot—插槽全家桶使用详解 转载一篇文章:专升本这场荒唐的闹剧终于结束了 .NET 程序员的调试神器-Dumpify vue3中使用swiper的完整版教程 highchart x轴第一个日期有省略号 highchart柱状图添加最小高度 Windows11专业版KMS命令激活(不需要激活工具) 微信小程序配置自动更新,微信小程序自动升级
单行文本过多、多文本过多出现省略号或小点点
幽冥狂_七 · 2024-01-10 · via 博客园 - 幽冥狂_七

单行文本过多、多文本过多出现省略号或小点点

1、单行文本过多时展示小点点....

.ellipsis {
   overflow: hidden;   //超出隐藏
   white-space: nowrap; //不换行
   text-overflow: ellipsis; //变成小点点
}

2、多文本换行指定第几行出现小点点

 .name {
            font-size: 18px;
            color: #f15a22;
            font-weight: bold;
             overflow: hidden;
            // white-space: nowrap;
            // text-overflow: ellipsis;
            display: -webkit-box;
            -webkit-line-clamp: 2;  //指定第二行出现小点点
            -webkit-box-orient: vertical;
        }

 

posted @ 2024-01-10 11:09  幽冥狂_七  阅读(87)  评论(0)    收藏  举报