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同理

本文链接：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

连接池门面类，该类使用java门面模式，统一处理连接池相关操作 package org.logicalcobwebs.proxool; import org.apache.commons.logging.Log; import org.apache.commons.logging.LogFactory; import org.logicalcobwebs.proxool.admin.Admin; 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条连线分布到若干绝缘层上。在同一层上的连线不相交。这个问题是要确...