这次给大家带来怎样隐藏文本的超出部分,隐藏文本超出部分的注意事项有哪些,下面就是实战案例,一起来看一下。

文本超出部分隐藏,总结两种方法。

1、单行隐藏

html代码

当文字超过范围的时候,超出部分会隐藏起来。

css代码.mi {

width: 200px;

overflow: hidden;

text-overflow: ellipsis;

white-space:nowrap;

}

2、多行隐藏

html代码

当文字超过范围的时候,超出部分会隐藏起来。可以设置第几行开始隐藏。

css代码.mi {

width: 200px;

overflow: hidden;

display: -webkit-box;

-webkit-box-orient:vertical;

-webkit-line-clamp:2;

}

相信看了本文案例你已经掌握了方法,更多精彩请关注php中文网其它相关文章!

推荐阅读:

PHP源码设置超出隐藏,怎样隐藏文本的超出部分相关推荐

  1. 1对1直播源码,登录注册密码隐藏显示

    1对1直播源码,登录注册密码隐藏显示 //密码显示隐藏case R.id.w2:if (isEye) {login_pwd.setTransformationMethod(HideReturnsTra ...

  2. eclipse 源码设置UTF-8 (eclipse可以为JSP HTML 等各种文件不同编码格式设置) 在windows - preference- general-workspace

    eclipse  源码设置UTF-8  (eclipse可以为JSP  HTML 等各种文件不同编码格式设置) 在windows - preference- general-workspace htt ...

  3. IntelliJ IDEA scala的源码设置

    intellij idea设置指向源代码--Scala的源码设置 下载源码包 首先在官网进行下载源码包https://www.scala-lang.org/download/ 解压压缩包 利用压缩工具 ...

  4. layui源码详细分析系列之富文本编辑器模块

    所谓的富文本编辑器就是内嵌在浏览器上.所见即所得的文本编辑器,它的形式如下: layui框架中内置了layedit模块,该模块就是富文本编辑器模块,在最近两天中我自己使用原生js实现了简易的富文本编辑 ...

  5. 集合的get方法中参数从多少开始_源码分析CopyOnWriteArrayList 中的隐藏知识,你Get了吗?...

    欢迎点击 "未读代码" ,关注公众号,文章每周更新 杭州-阿里园区墙 前言 本觉 CopyOnWriteArrayList 过于简单,寻思看名字就能知道内部的实现逻辑,所以没有写这 ...

  6. 【Android】Source Insight 基本用法 ( 导入 Android 源码 | 设置字体 | 显示行号 | 搜索功能 | 快捷键设置 )

    文章目录 一.导入 Android 源码 二.配置字体 三.显示行号 四.Tab 键字符个数 五.搜索功能 六.打开文件列表 七.快捷键设置 在 [Android 系统开发]使用 Source InS ...

  7. odoo13 win10 安装 源码 设置 开发环境

    一.环境准备 1.python3 Odoo13 requires Python >= 3.6 to run. 上python官网下载安装文件https://www.python.org/ftp/ ...

  8. python语音转文字源码_Python实现自动化语音转文本,彻底解放你的双手

    当对一个或多个人的谈话进行记录时,采用一种高度准确和自动化的方式将口语提取为文本非常有用.转换成文字后,便可以将其用于进一步分析或用作其他功能. 我们将使用称为AssemblyAI(https://w ...

  9. hidetoolz源码_开源r0进程隐藏保护工具通过发送窗口消息

    毕竟是不会蓝屏的隐藏进程,也想看看到底是破PG的还是什么更骚的操作. 于是鄙人分析了--"HideToolz" --无奈发现鄙人电脑一直驱动加载失败,正当选择放弃.正当选择打开UC ...

最新文章

  1. opencv std::vectorcv:Mat
  2. Facebook表示将不会默认开启人脸识别功能,被罚怕了?
  3. 【Clion+Pycharm 网络编程】C++实现服务端,Python实现客户端
  4. 技术开发人员适应其他部门提需求的一个经验
  5. linux里的挂载错误无法开机怎么办,Linux基础知识 - 开机挂载错误
  6. amos看拟合度在哪里看_哪里可以看亲爱的热爱的电视剧全集
  7. 前端学习(1340):mongoose验证规则
  8. 27_线程池_线程池实现原理
  9. python 图像倾斜校正_边缘投影法对文本图像矫正——python
  10. C/C++[codeup 1785]字符串连接
  11. 常用的快速Web原型图设计工具
  12. 彻底理解android的各种Flag以及|运算
  13. 工件SSMwar exploded 部署工件时出错。请参阅服务器日志了解详细信息
  14. android编程xml动画,Android中xml设置Animation动画效果详解
  15. python求鸡兔同笼 鸡兔总数鸡兔腿_编写一个程序解鸡兔同笼问题:已知鸡兔总数为a,鸡兔腿总数为b,计算鸡兔各有多少只?...
  16. Android秀翻天的操作——使用协程进行网络请求
  17. ARIMA模型原理及实现
  18. pip.ini的建立
  19. LeedCode 206:反转链表
  20. 物联网病毒疯狂进化,“灰犀牛”事件比“黑天鹅”更加可怕!

热门文章

  1. 四级嵌入式系统开发工程师-计算题题库
  2. iOS tableview性能优化及分析
  3. GitLab 密码重设
  4. javascript数字千分位格式化
  5. Qt ffmpeg环境搭建
  6. 冒泡排序的PHP实现 Bubble Sort
  7. footer在最低显示
  8. TBluetoothLE.OnDisconnectDevice
  9. css 填坑常用代码分享
  10. 软件调试修炼之道之——反思