CSS超出两行隐藏，但第三行文字溢出

超出隐藏代码：

/*文字超出两行省略*/
.two-row-hide {white-space: normal;text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;line-clamp: 2;-webkit-box-orient: vertical;
}

原本页面使用方式，出现第三行部分溢出：

<div class="di-name f-28 two-row-hide">{{item.name}}</div>

修改后使用方式，（问题解决方式）

<div class="di-name flex-tb"><span class="f-28 two-row-hide">{{item.name}}</span>
</div>

CSS超出两行隐藏，但第三行文字溢出相关推荐

CSS超出两行隐藏，但是仍然有部分第三行文字溢出
超出隐藏代码: /*文字超出两行省略*/ .two-row-hide {white-space: normal;text-overflow: -o-ellipsis-lastline;overflow ...
微信小程序页面文字超出一行隐藏，文字超出两行隐藏。
页面文字超出一行隐藏,如图所示: wxml <view class="listcbsTitle" >卡通书签卡通书签卡通书签卡通书签卡通书签卡通书签卡通书签</v ...
css实现文本超出两行隐藏
当文字显示超出两行时,多余部分文字隐藏,用到的css属性如下代码 display: -webkit-box;text-overflow: ellipsis;overflow: hidden;-webk ...
css超出文本隐藏显示...
//超出一行省略号 overflow: hidden; white-space: nowrap; text-overflow: ellipsis;//超出两行甚至多行,隐藏文本并显示省略号 text- ...
DIV+CSS页面设计中的IE6的文字溢出BUG
为什么这个div的文字在ie6里会多出3个字符,在页面制作中用DIV+CSS用的多了有时会遇到文字溢出的现象,出现此现象是由IE6的3PX的BUG所引起的. 以下为出现该BUG的实例: <div ...
css超出两行省略号没效果,Css 设置超过再两行显示省略号
大部分场景都是超过一行就显示... {{item.name}} {{item.name}} export default { return { item: {name:'this is a very ...
CSS超出部分隐藏，显示滚动条
实现功能: 固定一个高度,超出该高度的部分就隐藏,并且显示滚动条能上拉下滑滚动实现代码: height: 500rpx; overflow-x: hidden; overflow-y: scroll ...
td 超出宽度隐藏_table中td文字超出长度用省略号隐藏超出内容，鼠标点击内容全部显示...
1,设置css样式 table { width: 100%; float: left; table-layout:fixed; width:600px; border:1px solid #ccc; ...
css超出部分隐藏，鼠标放上去展示全部？
<div class="box">哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈 </div> .box{ width: ...

CSS超出两行隐藏，但第三行文字溢出

CSS超出两行隐藏，但第三行文字溢出相关推荐

最新文章

热门文章