Html 如何在中间设置文本（水平和垂直）？

这是我的html和css

<div id="name">
<p>TEST TEST TEXT</p>
</div>

#name{
  width: 200px;
  height: 50px;
  background: #019fde;
  border-radius: 10px;
}

测试文本

#名字{
宽度：200px；
高度：50px；
背景：#019fde；
边界半径：10px；
}

---

如何在中间设置文本（水平和垂直）？

< p>如果只有一行，可以使用<代码>行高< /代码>。设置<代码>行高>代码>与元素相同的高度（在这种情况下为50px），文本将位于中间。

---

要将文本居中对齐，只需使用

text align:center
如果只有一行，则可以使用
行高
。设置<代码>行高>代码>与元素相同的高度（在这种情况下为50px），文本将位于中间。

要将文本居中对齐，只需使用
text align:center
您也不必麻烦将
p
包装在
div
中，只需在
p
标签的顶部和底部添加一致的填充物即可达到所需高度，同时还可以设置
文本对齐：居中
您也不必麻烦将
p
包装在
div
中，并且只需在顶部和底部为
p
标签提供一致的填充，以达到您所需的高度，同时设置
文本对齐：居中
即可：

  text-align: center;
  display: table-cell;
  vertical-align: middle;

这样就可以了：

  text-align: center;
  display: table-cell;
  vertical-align: middle;

典型和常见问题，查看搜索结果典型和常见问题，查看搜索结果