div文本长度超过div宽度变成三个点

硅谷探秘者 3977 0 1

div文本长度超过div宽度变成三个点

<!DOCTYPE html">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta charset="UTF-8">
<title>test</title>
<style>
    .test{
        width:200px;
        height:30px;
        line-height:30px;
        background:#ccc;
    }
    .line-limit-length {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap; //文本不换行,这样超出一行的部分被截取,显示...
    }
</style>
</head>
<body>
    <div class="test line-limit-length">div文本长度超过div宽度时会变成...的哦</div>
</body>
</html>

例图:

QQ截图20181125113347.png


评论区
请写下您的评论...
暂无评论...
猜你喜欢
weblog 1315 ;background-color:#ccc;float:left;" spanstyle="float:left;background-color:red;" 左侧 /span spanstyle="d
mqtt协议 1603 mqtt协议报解析,参考:http://www.jiajiajia.club/blog/artical/kdv1qvpfgbh4/514  根据mqtt协议的定义,剩余字段是可的,最少用一
数据库基础 5367 1.利用dbms_lob.substr()方法可将对应字段转换字符串如下:selectdbms_lob.substr(content)fromNEWS该方法有,当content字段
算法基础 12554 1.质不同带(Mbit/s)是一单位,表示的是在网络上比特流(bit)在网络上传输的速。一比特就是一二进制位。而我们认为的实际下载速(M/s)代表的是每秒下载的数据占用了多少内存
框架 8223 一次实现上传件的进条原理:在上传件之前,请求以下服务器,获取一socketId(作用:用来标识次连接,服务器端也是通id找到对应的连接,然后给这连接发送消息(进)),此时socket
official 929 网络实际上运行的速率。 二、带  带来是指某信号具有的频带。信号的带是指该信号所包含的各种不同频率分所占据的频率范围。例如,在传统的通信线路上传送的电话信号的标准带是3.1kHz(从
official 1304 是技术比较熟,但缺是不够灵活。时分复用则更有利千数字信号的传输。   在使用频分复用时,若每一用户占用的带,则当复用的用户数增加时,复用后的信道的总带就跟着。例如,传统的电话通信
weblog 1087 TINYTEXT 256bytes TEXT 65,535bytes ~64kb MEDIUMTEXT 16,777,215bytes ~16MB LONGTEXT 4,294,967,295bytes ~4GB
归档
2018-11  12 2018-12  33 2019-01  28 2019-02  28 2019-03  32 2019-04  27 2019-05  33 2019-06  6 2019-07  12 2019-08  12 2019-09  21 2019-10  8 2019-11  15 2019-12  25 2020-01  9 2020-02  5 2020-03  16 2020-04  4 2020-06  1 2020-07  7 2020-08  13 2020-09  9 2020-10  5 2020-12  3 2021-01  1 2021-02  5 2021-03  7 2021-04  4 2021-05  4 2021-06  1 2021-07  7 2021-08  2 2021-09  8 2021-10  9 2021-11  16 2021-12  14 2022-01  7 2022-05  1 2022-08  3 2022-09  2 2022-10  2 2022-12  5 2023-01  3 2023-02  1 2023-03  4 2023-04  2 2023-06  3 2023-07  4 2023-08  1 2023-10  1 2024-02  1 2024-03  1 2024-04  1 2024-08  1
标签
算法基础 linux 前端 c++ 数据结构 框架 数据库 计算机基础 储备知识 java基础 ASM 其他 深入理解java虚拟机 nginx git 消息中间件 搜索 maven redis docker dubbo vue 导入导出 软件使用 idea插件 协议 无聊的知识 jenkins springboot mqtt协议 keepalived minio mysql ensp 网络基础 xxl-job rabbitmq haproxy srs 音视频 webrtc javascript 加密算法
目录
没有一个冬天不可逾越,没有一个春天不会来临。最慢的步伐不是跬步,而是徘徊,最快的脚步不是冲刺,而是坚持。