给各路神仙分享一下
问题描述:
文本内容以容器的宽度为界,自动换行。但是在手机上看到的结果是,在换行的文本之前多了一整行空白
代码:
<!-- 此段代码会多出一行空白 -->
<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>
然后再在手机上看下一,完美
牛逼!