input框

来源:1-2 解决真机调试过程中的展示问题

Elisha666

2022-07-06 20:59:31

为什么设置 

margin-top.12rem;

line-height.22rem;

就可以


写回答

1回答

好帮手慕久久

2022-07-07

同学你好,解答如下:

移动端下,光标的高度非常大:

https://img.mukewang.com/climg/62c6425d09cd753303890071.jpg

这是因为input框中文字的行高太大了:

https://img.mukewang.com/climg/62c64289093a727504230091.jpg

所以需要减小行高,即line-height: .22rem。

减小行高后,input框整体高度也会变小,整体还靠上显示:

https://img.mukewang.com/climg/62c642d509f0e7b009330224.jpg

为了让文字垂直居中显示,所以需要使用margin-top把input踹下来点,即margin-top: .12rem。

祝学习愉快!

0

0 学习 · 17877 问题

查看课程

相似问题

回答 1

回答 2

回答 4