主页 > 知识库 > web前端超出两行用省略号表示的实现方法

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

热门标签:外呼系统使用方法 给地图标注得佣金 润滑油销售电销机器人 电销机器人免培训 自绘地图标注数据 电话机器人需要使用网络吗 如何看懂地图标注点 海外图书馆地图标注点 南通通讯外呼系统产品介绍

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技术实现移动监测的介绍

标签:铜川 南京 广州 大连 黄石 乐山 内江 贷款邀约

巨人网络通讯声明:本文标题《web前端超出两行用省略号表示的实现方法》,本文关键词  web,前端,超出,两行,用,省略号,;如发现本文内容存在版权问题,烦请提供相关信息告之我们,我们将及时沟通与处理。本站内容系统采集于网络,涉及言论、版权与本站无关。
  • 相关文章
  • 下面列出与本文章《web前端超出两行用省略号表示的实现方法》相关的同类信息!
  • 本页收集关于web前端超出两行用省略号表示的实现方法的相关信息资讯供网民参考!
  • 企业400电话

    智能AI客服机器人
    15000

    在线订购

    合计11份范本:公司章程+合伙协议+出资协议+合作协议+股权转让协议+增资扩股协议+股权激励+股东会决议+董事会决议

    推荐文章