【文章推荐】vue 实现超出两行显示展开收起功能（行数可自定义）

页面内容 js部分 css部分 ...

一、div内显示一行，超出部分用省略号显示 white-space: nowrap; overflow: hidden; text-overflow: ellipsis;二、div内显示两行或三行，超出部分用省略号显示 overflow: hidden ...

一、div内显示一行，超出部分用省略号显示 white-space: nowrap; overflow: hidden; text-overflow: ellipsis;二、div内显示两行或三行，超出部分用省略号显示 overflow: hidden ...

在搭建前台文章列表中，需要实现div内文字显示两行，超出的则省略号显示。找了很多，都貌似只能一行显示。最后在百度知道找到答案。答案转自百度知道，题主的自答。 ...

在搭建前台文章列表中，需要实现div内文字显示两行，超出的则省略号显示。找了很多，都貌似只能一行显示。最后在百度知道找到答案。答案转自百度知道，题主的自答。 ...

文字超出两行用省略号显示

效果图：注意点：看代码有webkit自然也就chrome支持好，其他浏览器就。。啧啧啧 ...

css实现文本超出两行隐藏

当文字显示超出两行时，多余部分文字隐藏，用到的css属性如下代码 demo .xsConInfo{ float: left; width: 100%; line-height: 25px!important; display: -webkit-box ...

最近接到一个需求，要求商场导航里的文字最多显示两行，超出两行的省略号显示，查一些资料，又根据自己的需求，改了很多，直接上代码吧 <html> <head> <style type="text/css"> ...