首页 > 页面设计 > 让DIV里面的文字垂直居中

让DIV里面的文字垂直居中

2007年6月21日 发表评论 阅读评论

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

分类: 页面设计 标签: ,
  1. 本文目前尚无任何评论.
  1. 本文目前尚无任何 trackbacks 和 pingbacks.