专栏首页前端之攻略单行多行文本溢出显示的省略号 原

单行多行文本溢出显示的省略号 原

<div style="" class="clearfix">
    <div class="singleLineEllipsis">单行文本溢出做处理简单的多,单行文本溢出做处理简单的多。</div>
    <div class="multipleLineEllipsis">
         多行文本溢出做处理, 多行文本溢出做处理, 多行文本溢出做处理, 多行文本溢出做处理, 多行文本溢出做处理,  
    </div>
</div>
	.singleLineEllipsis {
	    width: 100px;
	    overflow: hidden;
	    text-overflow: ellipsis;
	    white-space: nowrap;
	}

	.multipleLineEllipsis {
	    width: 100px;
	    display: -webkit-box;
	    -webkit-box-orient: vertical;
	    -webkit-line-clamp: 3;
	    overflow: hidden;
	}

(adsbygoogle = window.adsbygoogle || []).push({});

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

我来说两句

0 条评论
登录 后参与评论

相关文章

  • Vue.js-条件渲染 原

    在<template>中配合v-if条件渲染一整组 因为v-if是一个指令,需要将它添加到一个元素上,但是如果我们想切换多个元素,此时我们可以把一个<temp...

    tianyawhl
  • ionic2-loading动画 原

    (adsbygoogle = window.adsbygoogle || []).push({});

    tianyawhl
  • 搜索框自适应大小 原

    (adsbygoogle = window.adsbygoogle || []).push({});

    tianyawhl
  • 运行容器的虚拟机SSH远程无法连接

    最近碰到一个诡异的问题,ssh登陆的时候,显示无法Permission denied,是不是很熟悉。。。

    SRE运维实践
  • 你真的会用Chrome吗?

    最近一个大神推荐我一个网站,才知道chrome还有各种骚姿势。这个网站是:umaar.com/dev-tips/,本文分享一些实用且聪明的调试技巧。

    我被狗咬了
  • Jenkins+Gogs(git仓库)系列6:番外篇--虚拟机部署jenkins,提供区域网访问

    版权声明:本文为博主原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。 ...

    MyJie
  • Vue——Vue项目本地服务器设置既能localhost访问又能手机IP访问

    在初始化完一个vue项目(基于vue-cli 和webpack)之后,我们可以通过 npm run dev来让这个项目跑起来。

    双面人
  • 用 VBA 将多个 Excel 文件里的数据汇总到一个 Excel 表

    给出一个空汇总表,和若干单独的 Excel 文件,每个文件里头有一个表格里存有一个人的信息,要将这些文件里的信息全部对应地导入到汇总表里。

    mzlogin
  • 【信息图】图解90后的手机依赖症

    90后的数码生活,是不是没网就会“死”?据调查显示,6成90后患有严重的手机依赖症,每天上网时间超过3小时。更有一半以上的患有手机恐慌症,不到15分钟就要查看一...

    小莹莹
  • backbond整体架构

    原文地址:https://segmentfault.com/a/1190000006697372

    菜的黑人牙膏

扫码关注云+社区

领取腾讯云代金券