收藏
回答

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

问题模块
API和组件

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还是我设置错样式了?求大神指导,感谢!

最后一次编辑于  2017-07-27  (未经腾讯允许,不得转载)
邀请回答
复制链接收藏关注问题回答

3 个回答

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

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

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

    估计没人理的了

    2017-07-28
    赞同
    回复
  • 魏素宝_ERIC_🐻
    魏素宝_ERIC_🐻
    2017-10-30

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

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

    2017-10-30
    赞同
    回复