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

小程序 文章 2020-09-04 09:21 547 0 全屏看文

AI助手支持GPT4.0

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

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

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

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


  <scroll-view scroll-x="truestyle="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-

AI助手支持GPT4.0