在前端培训学习的时候我们在做表单或者是输入框的时候输入文字总是靠上,这是一个让许多参加前端培训学员头疼的问题,在没有技术老师知道的情况下,也行用了paddingTop,marginTop都不管用,那么如何用html 对于文本输入框的文字内容怎么实现上下垂直居中和左对齐呢?这个其实比较简单,但是对于刚接触前端的小伙伴却有点麻烦。如果是在前端培训老师的指导下却也很简单。
方法就是在添以下代码即可:
input{vertical-align:middle;}
以上代码实现了我们想要的效果,在所有的主流浏览器中都可以实现文本和文本框垂直居中对齐效果。
对于这样的问题只要是我们学习前端的或者是参加前端培训的都一定会碰到许多和这个题型类似的问题,在我们遇到这样的问题也不好太过着急,首先自己可以在网上查询解决,如果是参加前端培训的可以直接问培训的老师。
上一篇: 前端培训技术VUE之eslint
下一篇: 前端培训技术之如何让单行文本在容器内垂直居中