CSS让文字在元素内绝对居中！！！【ie和谷歌】

最新推荐文章于 2022-05-28 11:43:33 发布

weixin_33889665

最新推荐文章于 2022-05-28 11:43:33 发布

阅读量138

点赞数

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/webSong/p/7851635.html

本文介绍了一种能够同时兼容谷歌浏览器与IE浏览器的HTML布局方式，通过特定的CSS样式设置实现跨浏览器的页面居中显示效果。

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

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <style>
        html,body{height: 100%;padding: 0;margin: 0;font-family: "微软雅黑"}
.middle-box{display: table;height: 100%; padding: 0 10px;}
        .middle-inner{display: table-cell; vertical-align:middle; text-indent: 2em;}

    </style>
    <!--[if lt IE 8]>
    <style>
        .middle-inner { position: absolute; top:50%;}
    </style>
    <![endif]-->
</head>
<body>
<div class="middle-box">
    <div class="middle-inner">
        这种方式既可以兼容谷歌又可以强上了IE
    </div>
</div>
</body>
</html>

转载于:https://www.cnblogs.com/webSong/p/7851635.html