猫窝私语 — Makumo's Blog

玛酷猫的温馨小窝,记录生活点点滴滴。

@玛酷猫17年前

06/21
08:49
前端

让DIV里面的文字垂直居中

之前在做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的书来看下

让DIV里面的文字垂直居中