css div内容超出隐藏怎么实现

css div内容超出隐藏的实现方法：1、通过css代码“overflow: hidden;”实现内容超出隐藏；2、通过js代码“var myBox = document.getElementById('demo');var mydemoHtml = myBox.innerHTML.slice(0, 20) +'......';”实现内容超出隐藏即可。

本教程操作环境：Windows10系统、css3版、DELL G3电脑

css div内容超出隐藏怎么实现？

CSS——div内文字的溢出部分用省略号显示

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

一、通过CSS控制显示

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

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

代码：

     
  
 哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈 
 
 嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿 
 

运行结果：

二、通过js控制显示

代码：

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

运行结果：

推荐学习：《css视频教程》

以上是css div内容超出隐藏怎么实现的详细内容。更多信息请关注PHP中文网其他相关文章！