解决方案:在对应的cover-view样式中添加如下样式white-space: pre-wrap 补充 white-space: 控制段落中的文本是否换行pre-wrap: 保留空格,正常换行 view标签内文字无法自动换行 解决方案: 在对应的view样式中添加如下样式white-space: pre-line 如果不起作用设置行高补充: pre-line:不保留空格,正常换行...
cover-view中的文字超过会隐藏,无法换行,所以信息过长时,需要显示完整信息时,可以采用css强制换行。 white-space:pre-wrap; white-space :控制段落中的文本是否换行。 pre-wrap:保留空格序列,正常进行换行。 还可以使用normal,不保留空格,直接换行
word-break:break-all;word-wrap:break-word;white-space:pre-line;
<cover-viewstyle="width: 100rpx;border: 1px solid red;"> Helloworld Helloworld Helloworld Helloworld Helloworld Helloworld Helloworld </cover-view> 如上面代码,指定了cover-view的宽度,然后里面会有一长串文字,当文本超出后,并没有换行,超出部分被隐藏了,效果: 测试后发现,iOS和Android上也是一样的效果,究...
换行问题通常与 CSS 样式中的 white-space、word-wrap、word-break 等属性有关,也可能是因为 cover-view 内部的元素宽度不够导致的自动换行。 3. 查找相关的 CSS 样式或属性来控制 cover-view 的换行 为了控制 cover-view 的换行,我们可以尝试以下几种 CSS 样式或属性: ...
cover-view { display: inline !important; line-height: normal; white-space: pre-line; word-break: break-all; word-wrap: break-word; flex-wrap: warp; }
2.还有就是cover-view虽然可以设置overflow: scroll,但是不支持动态的去变换overflow的属性值。 3.还有就是cover-view它会有默认设置的样式:white-space: nowrap;line-height: 1.2;display: block;所以你会看到在cover-view里边写的文字不会换行,而是超出的内容直接裁剪掉。
文本不换行 <cover-viewstyle="width:100rpx;border:1px solid red;">Helloworld Helloworld Helloworld Helloworld Helloworld Helloworld Helloworld</cover-view> 如上面代码,指定了cover-view的宽度,然后里面会有一长串文字,当文本超出后,并没有换行,超出部分被隐藏了,效果: ...
需要补充两行样式 就能正常换行了 cover-view{ display:block; white-space: pre-wrap; } 回答 1 #1· asdasdasd 回答于2019-07-26 看样子是 文字没有自动换行。我这里尝试复现一下bug 回答 0 登录 点击登录后可发表评论 相关链接 【社区】cover-view设置圆角安卓不显示圆角 1条回复 【社区】cover-view IOS...