HTML:如何居中对齐表单

Question

我有以下HTML代码,我想让我的表单在中心对齐.

<form action="advsearcher.php" method="get">
    Search this website:<input align="center" type="text" name="search" />
    <input type="submit" value="Search"/>
</form>

我怎样才能做到这一点？提前致谢.

Answer 1

@Lucius和@zyrolasting说对了.

但是,您可能需要为表单指定一个width正常工作的表单.

form { 
margin: 0 auto; 
width:250px;
}

Answer 2

只需将一些CSS放入样式表中即可

form {
  text-align: center;
}

那你就完蛋了!

Answer 3

作为form块元素,您可以通过将其边距设置为auto来对齐它:

form { margin: 0 auto; }

编辑:
正如@moomoochoo正确指出的那样,只有在块元素(在本例中为您的表单)分配了特定宽度时,此规则才有效.
此外,这个'技巧'不适用于浮动元素.

Answer 4

这将使字段占据宽度的 50% 并居中并正确调整大小

    {    
        宽度：50%；
        左边距：25%
    }

也可以使用“vw”（视图宽度）单位代替“%”