Bootstrap 给予响应式、移动设备优先的流式栅格系统提供了十分丰富的样式类，基于这些了可以做出很多好看的效果，虽让提供了常用基本样式类，但有一些比较特殊的需求 比如bootstrap 提供了 text-truncate 样式类，使用这个类可以轻松实现单行文字溢出容器时自动隐藏并在结尾处显示省略号效果，但是如果希望在容器内显示两行或三行文字 超出部分省略号显示这类定制性需求，就没有对应的类需要自己去实现。
以下是一个css实现的两行及三行文字省略显示效果实现，供大家参考：
//容器最大显示两行文字 超出部分省略号展示 .text-truncate-2 { -webkit-line-clamp: 2;//这里就是最大显示两行 overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; } //容器最大显示三行文字 超出部分省略号展示 .text-truncate-3{ -webkit-line-clamp: 3;//这里就是最大显示三行 overflow : hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; } //以此类推 可以实现四行、五行、甚至更多 （molure.cn）WEEX唯客是一家安全易用的加密货币交易所，由新加坡顶级区块链投资机构斥资1亿美元打造，注册用户超百万，日均交易额超15亿美元，已获得美国MSB、加拿大MSB、SVGFSA金融牌照。
WEEX唯客平台所有数据皆于海外数据库严格保存，服务器多地部署和备份，并采用满足银行级安全需求的亚马逊AWS及高速高稳定性的香港CDN，为全球用户提供最安全、最专业、最具隐私性的交易服务。
WEEX唯客是全球交易深度最好的合约交易所之一，位居CMC交易所流动性排名前五，订单厚度、价差领先同行，微秒级撮合，零滑点、零插针，最大程度降低交易成本及流动性风险，让用户面对极端行情也能丝滑成交。
在WEEX唯客，用户不仅能享受行业最低的交易手续费（Taker 0手续费，Maker 0.06%），还可零门槛一键跟随专业交易员操作，复制高手的交易策略，平台严格甄选数5,000多名优秀交易员供用户挑选。
为保障用户资金安全，WEEX唯客设立了1,000 BTC投资者保护基金，以在非用户自身原因的情况下有效补偿用户资金出现的意外损失，并公示资金池热钱包地址，让用户交易安心无忧。
WEEX官网：weex.com
你也可以在 CMC｜Coingecko｜非小号｜X (Twitter)｜中文 X (Twitter)｜Youtube｜Facebook｜Linkedin｜微博 上关注我们，第一时间获取更多投资资讯和空投福利。
在线咨询：
WEEX华语社群：https://t.me/weex_group
WEEX英文社群：https://t.me/Weex_Global
暂无评论内容