我正在学习 HTML，但无法在网页中央对齐我的 HTML 表单。请帮我解决这个问题。 HTML代码如下:
<body>
<div style="border: 1px solid black; width: 400px; text-align: center;"
align="center">
<form >
<!-- some code -->
</form>
</div>
</body>
最佳答案
将 margin: auto; 添加到您的父 div 样式。 text-align 和 align 在那里不是必需的。文本对齐会影响内部文本的对齐方式，而不是您设置的容器。
如果你试图将已知宽度的元素居中，那么你应该使用 margin: 0 auto;.
如果您试图使元素的内容(文本、图像等)居中，那么您应该使用 text-align: center。
尽管可以通过设置显示为内联(或内联 block )并使用 text-align: center 在容器上使用 text-align: center 来使 block 元素居中，但您可能不应该这样做。
也请检查此链接以了解有关 margin 如何运作的更多信息 CSS Margins
关于html - 我应该如何居中对齐 html 表单？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/44738801/