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

小程序 文章 2020-09-04 09:21 565 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


国内超级便宜服务器

摸鱼人热门新闻聚合

钻级赞助商 我要加入

开发者在线工具

第三方支付技术请加QQ群

相关文章
第一次进入小程序和重新进入小程序有什么区别?
你的微信登录环境存在异常,为了账号安全,本次登录已失效?
想开发一款小程序,想知道是否属于违规?
个人公众号开通流量主,关闭后可以进行,个人认证吗?
微信小程序后台管理员扫码登陆一直提示操作失败?
随便看看
微信公众号免300认证教程 5191
小程序已经上线,作为管理员无法在小程序数据助手查看数据? 4496
小程序广告组件通过审核,但是小程序内没有显示广告? 4471
企业微信通讯录账号被管理员误/恶意删除,怎么办? 8528
问题? 8250
如何快速搭建抽奖助手小程序(无需代码知识) 5309
许涛 大哥在吗, 要解冻小程序的时候提示信息主体不一致, 能帮忙看下吗? 6576
小程序搜一搜全称搜索不显示 麻烦解决一下!谢谢 5865
我的小程序广告收款主体是个体工商户,每个月邮寄两次发票很是麻烦,我年底的时候打包邮寄一次可以么? 5526
如何解决渲染层网络错误Failed to load media? 16768