小程序的text组件，默认的上内边距怎么去掉？

Question

小程序text组件，会有默认的类似上内边距，但是用padding处理不掉，这是小程序基于什么考虑增加的这个边距，有什么方法可以去掉吗。

Answer 1

因为不能换行，
<text>
{{item.title}}
</text>
上面这样的写法，会出现那个空白区，
得这样写才行<text>{{item.title}}</text>

Answer 2

我也遇到过，开始我是这样写的<view>{{item.title}}</view>，发现换行之后在真机上左边的文字不能对齐，
之后我换成<text>{{item.title}}</text>，在真机上左边的文字是对齐了，但是出现了您这种情况，上面有一条留白，好像是padding-top，可怎么也去不掉，后来我就这样写<view></view><text>{{item.title}}</text>，两两一结合，妈的，神奇了，两个问题一起解决，文字对齐，上面的留白也去掉了

Answer 3

我也遇到同样的问题了，想起来网页开发中图片也会在上方占几个像素，这是因为属于行内元素，只需要设置图片为display:block （块级元素）即可。同理应用在小程序的<text style='diaplay:block' >即可。

Answer 4

如果要居中的话，可以使用padding上下一样的值就可以

Answer 5

你设置一下line-height等于hieght，让他垂直居中就可以了呀

Answer 6

display:block没消除到上边距，我用了margin-top:-20px...

Answer 7

就是换行的问题，text标签内会识别换行符和空格，所以不能这样写
<text>

{{item.title}}

</text>

这样会识别为两行，上面一行没有内容，所以看起来就会有上边距

<text>{{item.title}}</text>

这样写就可以了