html - 是否可以在垂直和水平方向上将文本居中放置在 div 中？

Question

我的意思是不使用任何其他标签...只使用一个标签和它的 CSS。

所以

http://jsfiddle.net/EqTsu/

<style>
  #test{
      width: 100px;
      height: 100px;
      text-align: center;
      border: solid 1px #ff0000;
    }
</style>

<div id='test'>foo</div>

需要什么垂直居中？

根据以下答案

需要

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

Answer 1

有一种 hack-ish 解决方法，您可以在其中提供 <div> display: table-cell;属性，然后是 vertical-align: middle;属性(property)，是的。

所以完整的 CSS 应该是:

#test{
  display: table-cell;
  vertical-align: middle;
  width: 100px;
  height: 100px;
  text-align: center;
  border: solid 1px #ff0000;
}

此外，外部样式表是您的 friend 。