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还是我设置错样式了?求大神指导,感谢!
直接使用image组件确实存在这个问题,尽管给image加了display:block;也没用。
解决办法是:给image组件外面套一层view。<view><image /></view>即可。
估计没人理的了
求助,为何方法1图片尺寸不对?如果文字只有一行,发现图片也是正常的,太长换行就导致图片变形了