首页 > 其他分享 >div内多行文字, 溢出部分用省略号显示

div内多行文字, 溢出部分用省略号显示

时间:2022-08-21 13:33:35浏览次数:62  
标签:多行 box 省略号 text webkit ellipsis div overflow

 

 1 /*内容*/
 2 .content{
 3   width:100%;
 4   height:70px;
 5   font-size: small;
 6   margin-top: 10px;
 7 
 8   text-overflow: -o-ellipsis-lastline;
 9   overflow: hidden;
10   text-overflow: ellipsis;
11   display: -webkit-box;
12   -webkit-line-clamp: 4;/* ————这个X表示要显示几行*/
13   -webkit-box-orient: vertical;
14 }

 

标签:多行,box,省略号,text,webkit,ellipsis,div,overflow
From: https://www.cnblogs.com/lwl80/p/16609869.html

相关文章

  • Codeforces Round #816 (Div. 2)
    题面A.Crossmarket不妨设\(n\gem\),则答案为\(n+2(m-1)\)。特别地,\(n=1,m=1\)时答案为\(0\),注意特判。ViewCode#include<stdio.h>#include<algorithm>int......
  • [Codeforces Round #816 (Div. 2)] D. 2+ doors
    这次Div.2比之前我打的有些要难啊,前三道题就耗了好多时间,D题干脆摆烂了。。。还是太逊了对于一个\(x\),有\(x|y_i=z_i\),那么我们设\(num[x]=z_1\)&\(z_2\)&\(z_3\)..........
  • 消除div独占一行
    https://zhidao.baidu.com/question/2053672297762439507.htmldiv默认是display:block的。block就是块状的意思,也就是相当于div前后各加一个换行的效果,于是这个div就独......
  • 如何将一个div水平垂直居中?6种方法做推荐
    https://www.cnblogs.com/Julia-Yuan/p/6648816.html方案一:div绝对定位水平垂直居中【margin:auto实现绝对定位元素的居中】,兼容性:,IE7及之前版本不支持di......
  • Codeforces Round #815 (Div. 2) 题解
    CF1720A.BurenkaPlayswithFractions给出两个分数$\dfrac{a}{b}$和\(\dfrac{c}{d}\),你每次操作能够选择其中一个分数的分子或分母,将其乘上任意一个整数(当然不能......
  • Codeforces Round #815 (Div. 2) D2 Xor-Subsequence (hard version)
    原题链接\(A>B\),总是有二进制下从高到低的前\(k\)位相等,第\(k+1\)位\(A\)是\(1\),\(B\)是\(0\)本题中\(A=a_i\oplusj\),\(B=a_j\oplusi\),这里有一个很奇妙的性质(手玩或者......
  • CF Round 815 Div2 题解
    A题BurenkaPlayswithFractions(签到)给定2个分数\(\dfrac{a}{b},\dfrac{c}{d}\),现在可以自行进行操作,每次选定一个分数,将其分子或者分母乘上一个数,问至少需要多少次......
  • Codeforces #815 Div.2
    A—BurenkaPlayswithFractions思路:数论O(1)见题解题解:#include<iostream>#include<cstring>#include<algorithm>usingnamespacestd;typedeflonglongL......
  • Educational Codeforces Round 117 (Rated for Div. 2) CF1612
    https://codeforces.com/contest/1612VP过了A~E,感觉海星。F,G这几天补。主要是luogu有翻译拯救了英语不好的我。A一眼\(x+y\equiv0\pmod{2}\),否则无解。那么显......
  • Educational Codeforces Round 33 (Rated for Div. 2) 虚拟赛体验
    前言就只做出了\(A,B,C,D\)是不是很弱?A.ChessForThreeA,B,C三人下棋,A和B先下,每次下完棋之后由现在观战的人(例如第一局就由C)代替下输的人。每次输入一个数表示谁赢......