让DIV里面的文字垂直居中

玛酷猫 — Thu, 21 Jun 2007 00:49:33 +0000

之前在做DIV+CSS的页面中经常遇到这种问题，虽然可以用定高以及DIV的位置解决，但是遇到文字内容不固定就比较头痛。今天无意中看到篇文章说到这点，转录如下：

.con_div{
  width:440px;
  height:300px;
  border:1px solid #777;
  text-align:center;
  display:table-cell;
  vertical-align:middle;
  background:red;
  color:#fff
}
/*FOR IE*/
.fixie{
  width:0;
  height:100%;
  display:inline-block;
  vertical-align:middle;
}

测试内容

看来还是要找些CSS的书来看下

猫窝私语 — Makumo's Blog » DIV

让DIV里面的文字垂直居中