使文本输入显示在中心而不是页面顶部

Question

伙计们我是html的新手...我想让这个Username: <input type="text" name="Username" style=" - margin-top: 200px; ">出现在页面的中心而不是顶部..我试图使位置绝对并改变边缘顶部但我发现只有空文本字段出现在中心，“用户名”一词仍然在顶部..所以任何帮助??

Answer 1

将其写入div容器。别忘了设置高度和重量来设置它自动中心

<div style="width:200px;height:1em;margin:auto;">Username <input type="text" name="username"/></div>

Answer 2

您需要将整行包裹在span标记中。

这将允许您引用所有文本而不仅仅是输入。

所以，

<span style="-margin-top: 200px;">Username: <input type="text" name="Username"></span>

应该这样做。

至于定位，你可能正在寻找Absolute Center技术。

element {
  text-align: center;
  margin: auto;
  position: absolute;
  top: 0; left: 0; bottom: 0; right: 0;
}