display:flex;flex-direction:row;图像出现长宽错误
发布于 5 年前 作者 lei85 705 次浏览 来自 问答

1 使用display:flex;flex-direction:row,image 长宽出现错误了。代码和图如下

<view style=“display:flex;flex-direction:row;”>

<image src="…/…/res/icon1.png" style=“width:30px;height:30px;” />

<text style=“word-break:break-all;”>标题1234567890qwertyuiop123456789标题1234567890qwertyuiop123456789</text>

</view>

2我尝试使用flex-direction:row,image 长宽正常,但需求不是文本环绕图片。代码和图如下

<view style=“flex-direction:row;”>

<image src="…/…/res/icon1.png" style=“width:30px;height:30px;” />

<text style=“word-break:break-all;”>标题1234567890qwertyuiop123456789标题1234567890qwertyuiop123456789</text>

</view>


需求是像1那样布局,但是图像显示有问题,请问这是bug还是我设置错样式了?求大神指导,感谢!

3 回复

直接使用image组件确实存在这个问题,尽管给image加了display:block;也没用。

解决办法是:给image组件外面套一层view。<view><image /></view>即可。

估计没人理的了

求助,为何方法1图片尺寸不对?如果文字只有一行,发现图片也是正常的,太长换行就导致图片变形了

回到顶部