div居中设置

最新推荐文章于 2023-07-12 20:22:21 发布

iteye_20062

最新推荐文章于 2023-07-12 20:22:21 发布

阅读量103

点赞数

CC 4.0 BY-SA版权

分类专栏： html+css 文章标签： IE CSS

本文链接：https://blog.youkuaiyun.com/iteye_20062/article/details/82007124

html+css 专栏收录该内容

3 篇文章

订阅专栏

本文介绍了一种利用CSS实现文本内容垂直居中的方法，并通过特定的HTML结构和CSS样式来确保在不同浏览器中的一致性表现。适用于前端开发者。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

a { color:#000;}
.holder{
width:600px;
height:210px;
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;
}

<div class="holder">
<!--[if IE]><span class="edge">
</span><![endif]-->
<!--[if IE]><span class="container"><![endif]-->
<h1>使用CSS让文本内容垂直居中</h1>
<h3><a href="http://www.865171.cn">
www.865171.cn</a></h3>
<!--[if IE]></span>
<![endif]-->
</div>