Div垂直居中

http://www.xishui.net 2008年07月16日23:18 浠水网

  其实很多标签我们都不常用,特别是区块部分里有几个.
  我们知道让div水平居中的方法是给它的上一级text-align:center;然后给要居中的div一个margin:x auto;属性.
  现在来看看垂直居中.

下载: html-1.css《div class="holder">
《!--[if IE]>《span class="edge">《/span>《![endif]-->
《!--[if IE]>《span class="container">《![endif]-->《img src="http://www.shadowsky.cn/blog/logo.gif" alt ="yz" />Your content《!--[if IE]>《/span>《! [endif]-->
《/div>
下载: css-1.css.holder{
width:740px;
height:300px;
border:1px solid #777;
text-align:center;
display:table-cell;
vertical-align:middle;
}
/*以下样式针对IE,HTML中IE条件注解部分的标签要用内联对象标签*/
.edge{
width:0;
height:100%;
display:inline-block;
vertical-align:middle;
}
.container{
vertical-align:middle;
display:inline-block;
}
发表评论
上一篇利用CSS使Div水平垂直居中
下一篇妙手回春之逆转不透明度
正在加载中……