存档

文章标签 ‘DIV’

让DIV里面的文字垂直居中

2007年6月21日 没有评论

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17

.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; 
}
17

<div class="con_div">测试内容</div>

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

分类: 页面设计 标签: ,