博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
CSS——div内文字的溢出部分用省略号显示
阅读量:4958 次
发布时间:2019-06-12

本文共 566 字,大约阅读时间需要 1 分钟。

使得div内文字的溢出部分用省略号显示,可归纳为两种解决办法,一种方法是用CSS解决,另一种方法是js解决。

一、通过CSS控制显示

div内显示一行,超出部分用省略号显示

div内显示多行,超出部分用省略号显示

代码:

            
例子
哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈
嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿

运行结果:

二、通过js控制显示

 代码:

            
实例
通过js操作的方法显示文字,使得末尾的文字省略号显示

 运行结果:

 

转载于:https://www.cnblogs.com/FHC1994/p/11502929.html

你可能感兴趣的文章
在不同浏览器都实用的各窗口大小获取方法
查看>>
夜间模式的开启与关闭,父模板的制作
查看>>
JavaScript 基础,登录前端验证
查看>>
linux 安装python3.x
查看>>
Java 集合系列01之 总体框架
查看>>
Spring Boot-定义拦截器(七)
查看>>
(04) if语句
查看>>
XML修改节点值
查看>>
Memcached简介
查看>>
leecode第十题(正则表达式匹配)
查看>>
SQLSERVER字符串截取------PARSENAME
查看>>
java修饰符
查看>>
【CodeForces】91E Igloo Skyscraper
查看>>
有趣的 zkw 线段树(超全详解)
查看>>
webview页面缩放 & 自适应
查看>>
主流图片加载框架 ImageLoader、Glide、Picasso、Fresco 对比
查看>>
分析对比主流Bootloader的性能
查看>>
fedora 解决 Python.h:没有那个文件或目录 错误的方法
查看>>
百度地图点击地址后显示图标,保存到数据库之后,页面显示的是保存的坐标图标...
查看>>
学生管理系统bug report
查看>>