首页 > 其他分享 >一行或者多行超出部分显示省略号

一行或者多行超出部分显示省略号

时间:2024-01-04 10:04:58浏览次数:28  
标签:多行 省略号 text 一行 break webkit ellipsis overflow hidden

注意: 在写多行省略的时候最好不要写总高度,因为你也不确定会显示一行还是两行,如果一行会出现一段空白区域,与下面内容的间距就会很大,可以写line-height

一行或者多行超出部分显示省略号_单行多行超出省略

//单行
overflow: hidden; 
text-overflow: ellipsis;    
white-space: nowrap;

//多行
overflow: hidden;
text-overflow: ellipsis;
word-break: break-all; /*允许在单词内换行(可写可不写)*/
display: -webkit-box; /*将对象作为弹性伸缩盒子模型显示*/
-webkit-box-orient: vertical;/* 从上到下垂直排列子元素*/
-webkit-line-clamp: 2; /* 这里是超出几行省略 */


标签:多行,省略号,text,一行,break,webkit,ellipsis,overflow,hidden
From: https://blog.51cto.com/u_16492634/9095461

相关文章

  • 一行代码也不写,拿Github Copliot + DallE3做一个小游戏是什么体验?
    我全程没写一句代码...   乡村爱情15看完了,晚上也没什么事,就寻思折腾点事做,儿子问我小时候最爱玩什么游戏,我毫不犹豫的说1945,正好这个事情给了我一个brainstorming,那我自己写一个简单的1945可不可以?   说干就干,但是我也没写过游戏,于是我开启了GitHubCopliot...  ......
  • 读书笔记《第一行代码》
    第一行代码这本书很详细的讲解了Android的各个组件、布局、控件,适合于初学者的一本书!而且里面也讲了Android工具的安装,开发环境的配置;但是这本书里面没有Java或者kotlin的任何东西,如果正真要做自己的APP的话,读者还需要,先学习一下Java或者Kotlin!在这里建议去看看Java基础,这本书的源......
  • sed 命令针对某一行进行替换
    sed命令针对某一行进行替换操作 sed-i'3s/aaa/fff/'file--表示针对file文件中的第三行,将其中的aaa替换为fffsed-i'/xxx/s/aaa/fff/g'file--表示针对文件,找出包含xxx的行,并将其中的aaa替换为fffsed-i'1s/[#*]/fff/gp'file--表示针对文件第1......
  • css多行文本省略 line-clamp
    css多行文本省略line-clamp一行文本内容溢出的省略例子:<divclass="container"style="width:200px;outline:1pxsolidred"><divclass="description"style="overflow:hidden;text-overflow:ellipsis;white-space:nowrap;"&g......
  • 在sql中实现取一行最大值或者最小值
    原始数据和目标数据实现SQL语句(最大)selectshop,month,greatest(dz,fz,sp)asmaxfromtablename;实现SQL语句(最小)selectshop,month,least(dz,fz,sp)asminfromtablename;补充:SQLServer获取一行中多列的最大值三种方法有些时候我们需要从一个表的多个......
  • 用一行代码在几秒钟内抓取任何网站
    如果你正在寻找最强大的Python抓取工具?不要再看了!这一行代码将帮助你立即启动并运行。ScrapeasyScrapeasy是一个Python库,可以轻松抓取网页并从中提取数据。它可用于从单个页面抓取数据或从多个页面抓取数据。它还可用于从PDF和HTML表格中提取数据。Scrapeasy让你只用一行......
  • 文字超出长度显示...(单行,与多行)
    <!DOCTYPEhtml><html><head><metacharset="UTF-8"><metaname="viewport"content="width=device-width,initial-scale=1.0"><metahttp-equiv="X-UA-Compatible"content=&q......
  • 623. 在二叉树中增加一行(中)
    目录题目题解:BFS题目给定一个二叉树的根root和两个整数val和depth,在给定的深度depth处添加一个值为val的节点行。注意,根节点root位于深度1。加法规则如下:给定整数depth,对于深度为depth-1的每个非空树节点cur,创建两个值为val的树节点作为cur的左......
  • 输入一行字符,统计其中大写字母的个数,并将所有的大写字母转化成小写字母后输出
    #include<stdio.h>intmain(){ charscan[256]; printf("请输入一串字符(6个)\n"); scanf("%s",scan); intcount=0; inti=0; for(i=0;i<6;i++) { if(scan[i]>=65&&scan[i]<=90) { scan[i]+=32; ......
  • 上海市徐汇区市监局党组副书记、副局长曾鸣一行莅临亚数考察交流
    近日,徐汇区市场监管管理局党组副书记、副局长曾鸣,知识产权发展促进科科长蔡磊,知识产权保护科科长陆文姬一行莅临亚数信息科技(上海)有限公司(以下简称亚数)考察交流。在交流会上,亚数向与会领导重点介绍了亚数在知识产权运营方面的工作,就知识产权管理、专利、商标等领域的工作及未来规划......