DIV+CSS实现内容垂直居中的一个例子

作者：袖梨 2022-07-02

代码如下

复制代码

======================CSS=======================
.holder{
width:740px;
height:300px;
border:1px solid #777;
text-align:center;
display:table-cell;
vertical-align:middle;
}
/*以下样式针对IE*/
.edge{
width:0;
height:100%;
display:inline-block;
vertical-align:middle;
}
.container{
vertical-align:middle;
display:inline-block;
}
================================================
====================HTML=======================

测试内容测试内容测试内容测试内容测试内容测试内容测试内容测试内容测试内容测试内容测试内容测试内容测试内容测试内容测试内容测试内容测试内容

=================================================
代码改动了一点点。有两点必须要注意的：
HTML中IE条件注解部分的标签要用内联对象标签。
“”要放在内容之前。如果放在之后，内容是中文时会不能居中。