CSS设置文字不换行,超出字数用...显示_大大的飞碟的博客-程序员宝宝

技术标签: css  

<p class="testText">这是一段实验文字,超出字数用...显示</p>
.textText{
    width:50px;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
}




当文本为多行文字时如下设置CSS
.box p{ 
        width:400px; 
        border:1px solid #ccc;
         margin:20px auto;
        overflow : hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp:2;
        -webkit-box-orient: vertical;
}



注意 react中需要把
-webkit-line-clamp改为
WebkitLineClamp
-webkit-box-orient同理


版权声明:本文为博主原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。
本文链接:https://blog.csdn.net/qq_35388564/article/details/77185852

智能推荐

windows UAC 提权 CVE-2019-1388_Circle_xx的博客-程序员宝宝

目录声明漏洞背景影响版本漏洞复现环境漏洞利用修复建议参考链接声明此文章仅用于学习研究使用,请遵守《网络安全法》等相关法律法规。多行善事,为国家网络安全多做贡献。漏洞背景该漏洞位于Windows的UAC(User Account Control,用户帐户控制)机制中。默认情况下,Windows会在一个单独的桌面上显示所有的UAC提示——Secure Desktop。这些提示是由名为conse...

org.logicalcobwebs.proxool.ProxoolFacade.java_lxzo123的博客-程序员宝宝_the url 'proxool.' is not in the correct form. it

<br /> <br />连接池门面类,该类使用java门面模式,统一处理连接池相关操作<br /><br />package org.logicalcobwebs.proxool;<br />import org.apache.commons.logging.Log;<br />import org.apache.commons.logging.LogFactory;<br />import org.logicalcobwebs.proxool.admin.Admin;<br />import org.l

【机器视觉案例】(16) 自制视觉小游戏--桌上冰球,附python完整代码_立Sir的博客-程序员宝宝

大家好,今天和各位分享一下如何使用 mediapipe+opencv 制作桌上冰球的交互式小游戏。先放张图看效果。规则如下:左手控制白色球拍;右手控制紫色球拍;球拍只能上下移动;红色圆形就是冰球;球碰撞到上下两侧的蓝色边框,和两侧的球拍就会反弹;如果球进入了黄色区域,游戏结束;下面的粉色计数板,记录左右两侧各击球多少次。1. 文件配置1.1 导入工具包pip install opencv_python==4.2.0.34 # 安装opencvpip install mediap

支持向量机SVM_书生_AABB的博客-程序员宝宝

SVM的本质:寻找最大的间隔 支持向量:距离超平面最近的那些点 SMO算法的原理:每次循环中选择两个alpha进行优化处理。一旦找到一对合适的alpha,那么就增大其中一个同时减小另一个。合适:条件一,两个alpha要在间隔边界之外;条件二,这两个alpha还没有进行过区间化处理或不在边界上#SMO的辅助函数#打开文件并逐行解析,得到每行的类标签和特征矩阵def loadDataSet(

matlab图像处理基础_ywyuan_新浪博客_耘田的博客-程序员宝宝

1.图像输入I=imread('C:\Users\Mr.Right\Pictures\1.JPG')%图片路径\文件名.格式2.图像显示imshow(I);灰色图像imshow(I,8)3.取子图像J=I(50:150,30:180)4.图像存盘imwrite(J,'C:\Users\Mr.Rig...

3-8电路布线_jssd的博客-程序员宝宝

问题描述在一块电路板的上、下两端分别有n个接线柱。根据电路设计,要求用导线将上端接线柱与下端接线柱相连借用https://blog.csdn.net/LDUtyk大佬的图片如上图所示, 上端 i 节点与下端Ω(i) 节点相连, 但是要求连线不能交叉。Ω(x)是一个无序的排列。制作电路板时候,会有N个绝缘层。要求将这n条连线分布到若干绝缘层上。在同一层上的连线不相交。这个问题是要确...

随便推点

JAVA截取含汉字字符串的实现_weixin_34378922的博客-程序员宝宝

昨天做了个很小的练习题,需要实现的功能是截取含有汉字的字符串,java是采用unicode的编码格式,所以一个汉字是占用两个字节空间.需要实现的功能是,假如有个字符串是"你好你好",需要截取长度是4,则截取结果是"你好",如果字符串是"你好A你好",需要截取长度是6,则不截取最后一个汉字"你",截取结果是"你好A".我个人用了个比较土的方法,网上有人是用正则表达式来匹...

50个能够满足所有需要的Python模块_openmake的博客-程序员宝宝_python bas_serial

 Graphical interfacewxPythonhttp://wxpython.org/Graphical interfacepyGtkhttp://www.pygtk.org/Graphical interfacepyQThttp://www.riverbankcomputing.co.uk/pyqt/Graph

spring cloud alibaba nacos cpu过高_莫明的编织者的博客-程序员宝宝

最近遇到spring cloud alibaba 项目 运行时间越长 cpu越高的情况经过调查 是由于一个线程无限在生成的原因跟踪代码发现NacosContextRefresher这个类中的registerNacosListener这个方法 这行报错,case错误发现是 配置中获取不到spring.datasource.url属性,导致失败,导致无限创建线程的原...

线程池的底层原理_啊勇的博客的博客-程序员宝宝_线程池底层

new Thread().start(); 1. 线程的频繁创建好销毁 2. 线程的数量过多,会造成CPU资源的开销。 上下文切换 (消耗CPU资源)使用线程池进行线程复用线程池提前创建一系列的线程,保存在这个线程池中。(核心线程) 有任务要执行的时候,从线程池中取出线程来执行。 没有任务的时候,线程池放回去。Java中提供的线程池Executors1,newFixedThreadPool 固定线程数量public static ExecutorService newFixed

vue分环境打包_小黑ii的博客-程序员宝宝_vue分环境打包csdn

&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;在项目开发中,我们的项目一般分为开发版、测试版、Pre版、Prod版。Vue-cli的默认环境一只有dev和prod两个,之前每次要发布测试版或Pre版都是修改了源码中API地址后打包,这样很麻烦。如果能根据不同环境打包就完美了。代码如下:1.config/prod.env.js文件修改如下:'use stri...

发生身份验证错误远程计算机,远程桌面发生身份验证错误_夏子林的博客-程序员宝宝

windows 系统升级后,远程桌面连接windows server出现如下问题:远程桌面发生身份验证错误,要求的函数不受支持error.png但是我是win10家庭版,无法打开gpedit.msc来修改计算机配置。所以首先通过以下配置来打开gpedit.msc.新建txt文件,输入以下内容,并保存文件为repair01.cmd文件。@echo offpushd "%~dp0"dir /b C:\...

推荐文章

热门文章

相关标签