输入框和按钮同一行，但是对不齐问题

超、凢脫俗 2023-06-09 04:59 55阅读 0赞

输入框和按钮同一行，但是对不齐问题

#search_input {
width: 540px;
height: 36px;
box-sizing: border-box;
border: 1px solid #2d78f4;
/vertical-align: top;/

}
#search_button {
width:100px;
height:36px;
color:#ffffff;
background-color:#3385ff;
font-size: 15px;
border: 1px solid #2d78f4;
margin-left:-5px;
letter-spacing: 1px;
/vertical-align: top;/
}
[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-ELDlevpO-1571477060275)(C:\Users\Administrator\Desktop\输入框和按钮同一行，但是对不齐问题.png)]
解决方法：将上面代码块中的vertical-align: top;放开即可。

CSS里input标签里的文字位置怎么调整呢

text-indent:6px;

发表评论

表情：
评论列表 （有 0 条评论，55人围观）

还没有评论，来说两句吧...

相关阅读

    相关 html中文和字母不在同一行

    需求要实现发布的公告自动换行，我将内容放入div，中文可以自动换行，长英文字符串不可以换行，这是由于英文字符不加空格默认是一个单词，导致不换行，尝试加<pre>标签也不行。

    红太狼红太狼/ 0 赞/ 273 阅读