如何将所有html组件移动到页面中心?

如何将所有html组件移动到页面中心?,html,css,Html,Css,我是HTML的初学者,我想问这个问题。 如何移动页面中心的所有项目? 见下图 您必须使用css样式或添加属性style=“text align:center”以形成元素。您需要使用flexbox并在块内以固定大小包装项目 .parent{ 显示器:flex; 弯曲方向:立柱; 对齐项目:居中; } .parent\uuu-inner{ 宽度:500px; } 在HTML代码中,您可以使用标记(但是,您不能在HTML 5中使用它,因为它不支持它)。因此,如果您使用HTML4,您可以使用它。 在C

我是HTML的初学者,我想问这个问题。 如何移动页面中心的所有项目? 见下图

您必须使用css样式或添加属性style=“text align:center”以形成元素。

您需要使用flexbox并在块内以固定大小包装项目

.parent{
显示器:flex;
弯曲方向:立柱;
对齐项目:居中;
}
.parent\uuu-inner{
宽度:500px;
}

在HTML代码中,您可以使用标记(但是,您不能在HTML 5中使用它,因为它不支持它)。因此,如果您使用HTML4,您可以使用它。
在CSS代码中,可以使用“text align:center;”(不包括双引号)

只需使div包含from并使其样式对齐:center;例如:

<!DOCTYPE html>
<html>
<body>
<p>welcome</p>
<div style="text-align: center;">
<form>
  <label for="x1">Input x1:</label>
  <input type="text" id="x1" name="x1"><br>
  <label for="x2">Input x2:</label>
  <input type="text" id="x2" name="x2"><br>
  <button type="button">Compute</button><br>
  <button type="button">Clean</button><br>
  <label for="Midpoint">Midpoint result:</label>  
  <input type="text" id="Midpoint" name="Midpoint" placeholder="Try again"><br>
</form>
</div>
</body>
</html>

欢迎光临

输入x1:
输入x2:
计算
清洁
中点结果:

这是一个简单的方法,只需使用
标记:)

谢谢,但我觉得我太笨了,所以我还没有理解你的代码。如果有其他方法来完成此功能而不是css代码,那会更好。如果你需要,网上有很多css教程。简而言之,您可以将上述css放在页面
中的
元素中,或在
.css
文件中链接到它,并将
放在标题中。在HTML代码中,您可以使用标记,您指的是哪个标记?请添加一些细节,以便您的答案更清楚。我真的不认为
文本对齐:居中在HTML 5Welcome to Stackoverflow中被弃用。当你问问题时,试着添加你写的代码。请阅读并相应地编辑你的问题。非常感谢,它可以工作,我可以更改文本框的半径吗?