鍍金池/ 問答/HTML/ 小程序的text組件，默認(rèn)的上內(nèi)邊距怎么去掉？

小程序的text組件，默認(rèn)的上內(nèi)邊距怎么去掉？

小程序text組件，會有默認(rèn)的類似上內(nèi)邊距，但是用padding處理不掉，這是小程序基于什么考慮增加的這個邊距，有什么方法可以去掉嗎。

clipboard.png

clipboard.png

回答
編輯回答
短嘆

你設(shè)置一下line-height等于hieght，讓他垂直居中就可以了呀

2017年8月7日 14:18
編輯回答
乖乖瀦

因為不能換行，
<text>
{{item.title}}
</text>
上面這樣的寫法，會出現(xiàn)那個空白區(qū)，
得這樣寫才行<text>{{item.title}}</text>

2017年7月4日 10:47
編輯回答
孤酒

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

2017年4月2日 00:46
編輯回答
入她眼

我也遇到同樣的問題了，想起來網(wǎng)頁開發(fā)中圖片也會在上方占幾個像素，這是因為屬于行內(nèi)元素，只需要設(shè)置圖片為display:block （塊級元素）即可。同理應(yīng)用在小程序的<text style='diaplay:block' >即可。

2018年4月11日 13:24
編輯回答
情皺

我也遇到過，開始我是這樣寫的<view>{{item.title}}</view>，發(fā)現(xiàn)換行之后在真機(jī)上左邊的文字不能對齊，
之后我換成<text>{{item.title}}</text>，在真機(jī)上左邊的文字是對齊了，但是出現(xiàn)了您這種情況，上面有一條留白，好像是padding-top，可怎么也去不掉，后來我就這樣寫<view></view><text>{{item.title}}</text>，兩兩一結(jié)合，媽的，神奇了，兩個問題一起解決，文字對齊，上面的留白也去掉了

2017年1月13日 02:20