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

Question

这是我的html和css

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

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

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

Answer 1

如果它只是一行，您可以使用line-height。将line-height设置为与元素相同的高度（在本例中为50px），文本将位于中间。

要集中对齐文字，只需使用text-align:center;

即可

Answer 2

这样做：

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

http://jsfiddle.net/Z8S8H/

Answer 3

您也无法在p中包裹div，只需在p标记的顶部和底部提供一致的填充，即可达到所需的高度，同时设置{ {1}}。