gpt4 book ai didi

html - 文本输入和按钮对齐

转载 作者:太空宇宙 更新时间:2023-11-04 04:27:50 25 4
gpt4 key购买 nike

有什么方法可以不使用表格就可以将文本输入框与按钮对齐?我尝试使用重置和清除边距和填充。如下图所示,按钮未与输入元素对齐。我必须使用表格来对齐它们还是有其他方法? enter image description here

我说的是与文本字段相比按钮是如何缩进的。代码很简单:

<!DOCTYPE html>
<html>
<head>
<style>
input {
display: inline;
margin: 0px;
}
</style>
</head>
<body>
<form>
<input name="q" type="text" placeholder="Search users"/>
<br>
<input value="Search" type="submit"/>
</form>
</body>
</html>

最佳答案

试试这个 CSS:

input[type=text] {
display: block;
}
input {
margin: 0;
}

DEMO

-- 编辑--

input[type=text] {
display: block;
}

input {
margin: 1px 0;
border: 1px solid black;
}

DEMO

关于html - 文本输入和按钮对齐,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/17889842/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com