收藏
回答

display:flex;flex-direction:row;图像出现长宽错误

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 个回答

  • ERIC_🐻_WEI
    ERIC_🐻_WEI
    2017-10-30

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

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

    2017-10-30
    有用
    回复
  • 时光没有错🐚 🦐
    时光没有错🐚 🦐
    2017-07-28

    估计没人理的了

    2017-07-28
    有用
    回复
  • 时光没有错🐚 🦐
    时光没有错🐚 🦐
    2017-07-28

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

    2017-07-28
    有用
    回复
登录 后发表内容