求助大神文本超出两行显示...并且横向滚动啊？

小程序文章 2020-09-04 09:21 648  0 全屏看文

求助大神文本超出两行显示...并且横向滚动啊？The text is displayed beyond two lines...and scroll horizontally?

因为使用标配要加white-space:nowrap导致子标签的word-break失效

.a{  display: -webkit-box;  /*设置为弹性盒子*/  -webkit-line-clamp: 2;  /*最多显示2行*/  overflow: hidden;  /*超出隐藏*/  text-overflow: ellipsis;  /*超出显示为省略号*/  -webkit-box-orient: vertical;  word-break: break-all;  /*强制英文单词自动换行*/  width: 200rpx;}

<scroll-view scroll-x="true" style="white-space:nowrap">

<view class="style">aaaaaddffsfsfsfsfsfsddddddddddddddddddddddddddddddddddddddddddddddddddddfsf view>

scroll-view>

Because white is added to the standard configuration- space:nowrap A {display: - WebKit box; / * is set to elastic Box * / - WebKit line clamp: 2; / * display at most 2 lines * / overflow: hidden; / * out of hiding * / text overflow: ellipsis; / * over display as ellipsis * / - WebKit Box Oriented: vertical; Word break: break all; / * force English word wrap * / width: 200rpx;} < scroll view scroll-x = true "style =" white "- space:nowrap "> aaaaaddffsfsfsfsfsfsddddddddddddddddddddddddddddddddddddddddddddddddddddfsf view> scroll-view>

回答：

谋谋谋:

百度一下 Ctrl c + Ctrl v 搞定

Aatox:找了半天全是一行文本实现超出显示...的情况没有两行文本超出显示...并可以横向滚动的解决方法。。。

Aatox:实现横向滚动的同时只能显示一行文本字标签的换行就是失效。。。

谋谋谋:https://www.cnblogs.comenxiao1218/p/11215368.html 看看这个能行么

发飙的蜗牛:

要学会解决问题。看一下css基础吧

Aatox:.......行吧

Aatox:

有什么好的解决方法啊不太会搞。。。。。

-EOF-