web前端超出两行用省略号表示的实现方法

 更新时间:2019-04-17 21:43:11   作者:佚名   我要评论(0)

web前端超出两行用省略号表示的实现方法
HTML


<span class="GW_bod0112211">
吐鲁番特级无炳黑加仑葡萄干500g包邮无籽吐鲁番特级无炳黑加仑葡萄干500g包邮

web前端超出两行用省略号表示的实现方法

HTML

<span class="GW_bod0112211">
 吐鲁番特级无炳黑加仑葡萄干500g包邮无籽吐鲁番特级无炳黑加仑葡萄干500g包邮无籽吐鲁番特级无炳黑加仑葡萄干500g包邮无籽,超大孕妇零食
</span>

CSS

span{
  height: 40px;
  line-height: 20px;
  width: 300px;
  display: -webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  overflow: hidden;
}

 这个属性应用在移动端兼容性比较好。

效果如下:

如有疑问请留言或者到本站社区交流讨论,感谢阅读,希望能帮助到大家,谢谢大家对本站的支持!

您可能感兴趣的文章:

  • JavaWeb Servlet中url-pattern的使用
  • JavaWeb Servlet中Filter过滤器的详解
  • Javaweb项目session超时解决方案
  • Javaweb使用cors完成跨域ajax数据交互
  • JavaWeb项目中dll文件动态加载方法解析(详细步骤)
  • Web技术实现移动监测的介绍

相关文章

  • 简单易扩展可控性强的Jquery转盘抽奖程序

    简单易扩展可控性强的Jquery转盘抽奖程序

    基于Jquery的Javascript转盘抽奖程序,可以自定义抽奖界面,奖品数量、图片等,可控制中奖的奖品,抽奖转盘转动的速度和圈数。 在实际使用中,应当把概率放到
    2019-04-17
  • web前端超出两行用省略号表示的实现方法

    web前端超出两行用省略号表示的实现方法

    web前端超出两行用省略号表示的实现方法 HTML <span class="GW_bod0112211"> 吐鲁番特级无炳黑加仑葡萄干500g包邮无籽吐鲁番特级无炳黑加仑葡萄干500g包邮
    2019-04-17
  • 秒杀系统Web层设计的实现方法

    秒杀系统Web层设计的实现方法

    秒杀系统Web层设计的实现方法 一、Restful接口设计 使用资源+名词的方式来为url链接命名。例如: 访问详情页的链接可以是: seckill/{seckillId}/det
    2019-04-17
  • 详解vue移动端项目代码拆分记录

    详解vue移动端项目代码拆分记录

    撸一套vue多端共用,非常适合需要快速且全面上线的项目。但是多端共用一套vue代码,由于平台间的互相限制,每端在某些业务例如支付分享等是完全独立的代码,每
    2019-04-17
  • JavaScript 正则表达式与字符串查找方法

    JavaScript 正则表达式与字符串查找方法

    首先提出一个问题: 如何取得一个给定的字符串substr在另一个字符串str中出现的次数? 字符串匹配,第一想到的就是正则表达式,但我们最常使用的字面量来创建
    2019-04-17
  • JavaScript email邮箱/邮件地址的正则表达式及分析

    JavaScript email邮箱/邮件地址的正则表达式及分析

    简言 在做用户注册时,常会用到邮箱/邮件地址的正则表达式。本文列举了几种方案,大家可以根据自己的项目情况,选择最适合的方案。 方案1 (常用) 规则定义如
    2019-04-17
  • 浅谈php使用curl模拟多线程发送请求

    浅谈php使用curl模拟多线程发送请求

    每个PHP文件的执行是单线程的,但是php本身也可以用一些别的技术实现多线程并发比如用php-fpm进程,这里用curl模拟多线程发送请求。php的curl多线程是通过不断
    2019-04-17
  • web下载文件和跳转的方法

    web下载文件和跳转的方法

    如果不通过JSP和servlet直接下载文件的话,可以通过web.xml文件来识别文件类型来进行下载。如果要通过servlet来下载的话,可以如下所示来进行下载: 但是这
    2019-04-17
  • ASP.NET Core WebApi中使用FluentValidation验证数据模型的方法

    ASP.NET Core WebApi中使用FluentValidation验证数据模型的方法

    介绍 验证用户输入是一个Web应用中的基本功能。对于生产系统,开发人员通常需要花费大量时间,编写大量的代码来完成这一功能。如果我们使用FluentValidation
    2019-04-17
  • Node.js + express基本用法教程

    Node.js + express基本用法教程

    本文实例讲述了Node.js + express基本用法。分享给大家供大家参考,具体如下: 这里来讲下 express 框架的使用,编译的环境是 VS Code ,这里我已经配饰了阿
    2019-04-17

最新评论