怎样才能让input控件里面的文字垂直方向居中 试过好多属性都不行 是在不能居中贴着下边框也可以，麻烦大神想想办法吧！！ 谢谢
1：贴着下边框
调一下font-size:14px; 或者line-height:20px等等
2：文字垂直方向居中试试，想要实现有可能需要多个属性在一起才可以
style="text-align:center; vertical-align:middle;line-height:20px;height:20px;"
3：参考
input::-moz-focus-inner{ border: 0;padding: 0;}/*针对Firefox*/
.comment_btn{
height:26px;
line-height:22px;/*针对IE*/
width:68px;
}
<div class="search" style="font-size: 12px;text-align: center;height:30px"><input type="text" name="q" class="searcht" style="background-image: url('images/4.jpg');font-size: 18px;vertical-align:middle;"/><input type="submit" class="searchb" style='vertical-align:middle;' value="搜索"/><i style='vertical-align:middle;display:inline-block;height:100%;width:0;overflow:hidden'></i></div>input设置padding
给input设置 css height line-height 两个保持一致就能垂直居中
HTML怎么学习？HTML怎么入门？HTML在哪学？HTML怎么学才快？不用担心，这里为大家提供了HTML速学教程(入门课程)，有需要的小伙伴保存下载就能学习啦！
广告
收藏
收藏
收藏
Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号
665
