收藏
回答

发现 view 标签 布局的一个问题


给各路神仙分享一下


问题描述:

   文本内容以容器的宽度为界,自动换行。但是在手机上看到的结果是,在换行的文本之前多了一整行空白


  代码:

        <!-- 此段代码会多出一行空白 -->

         <view class="list">

           <view>

             dsad321321dsad321321dsad321321dsad321321dsad321321dsad321321dsad321321

           </view>

         </view>

         

         <!-- 不换行的代码,显示正常 -->

         <view class="list">

           <view>

             dsad32132

           </view>

         </view>


   开发者工具上的效果:


   手机效果:

       

       

   各位看到了吧,第一块已经换行的内容 多出了一行内容。


   原因:

           

       是因为微信吧空白的文本节点也当做一行内容来展示了。而浏览器上是不会这样的。所以代码要改下


   错误的写法

         <view class="list">

           <view>

             dsad321321dsad321321dsad321321dsad321321dsad321321dsad321321dsad321321

           </view>

         </view>

    

  正确的写法

        

         <view class="list">

           <view>dsad321321dsad321321dsad321321dsad321321dsad321321dsad321321dsad321321</view>

         </view>

    

然后再在手机上看下一,完美

     

最后一次编辑于  2017-07-04
回答关注问题邀请回答
收藏

1 个回答

  • 赵青山
    赵青山
    2017-07-04

    牛逼!

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