IE 8 下面的垂直水平居中

最新推荐文章于 2021-08-03 21:54:41 发布

史上最强的弟子

最新推荐文章于 2021-08-03 21:54:41 发布

阅读量1.4k

点赞数

分类专栏： ie8 html 文章标签： ie 8 html

本文链接：https://blog.csdn.net/sai739295732/article/details/48023059

版权

html 同时被 2 个专栏收录

3 篇文章 0 订阅

订阅专栏

ie8

1 篇文章 0 订阅

订阅专栏

<style>
.box{ width:300px; height:300px; background:#ccc; text-align:center;}
.line{ display:inline-block; height:100%; width:0px; vertical-align: middle; }
.asas{ display:inline-block;}
</style>
</head>

<body>

<div class="box">
   <div class="line"></div>
   <span class="asas">sadsadasdas</span>
</div>

其实还有一种方法可以实现：<button></button> 标签中的内容自动居中，但是这样写的话需要修改样式，一般人也不会这样使用，因为这样不符合前端的代码设计思路。

ie6 下想要将内容居中

.building{width: 100%;height: 100%;text-align:center;}
<div class="building">
<img src="./images/building.gif" />
</div>

经过我的测试margin: 0,auto;是没用的注意