IE 8 下面的垂直水平居中

为什么80%的码农都做不了架构师？>>>

<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;是没用的注意

转载于:https://my.oschina.net/saicyc/blog/613213

IE 8 下面的垂直水平居中相关推荐

html块级元素对齐方式,块级元素的三种垂直水平居中的方法
直奔主题在这里提供三种块级元素垂直水平居中的方法 flex(子级宽高可固定也可不固定,随意) 定位+margin(固定子级的宽高,margin-top,margin-left取自身一半的负值) 定位+ ...
使一个div垂直+水平居中的几种方法
前几天去一家互联网公司面试,面试官问到了这个应该算是比较简单的问题,在我自认为回答正确时,才知道这道题的答案有很多种,下面就让我们一起来探讨一下这个问题: 思路1:绝对定位居中(原始版) 这个是我回答 ...
【CSS基础】实现 div 里的内容垂直水平居中
方案一: 所有内容垂直水平居中兼容性:IE8+. 条件:内容宽度和高度可以未知,可以是多行文字.图片.div. 描述:使用table-cell + vertical-align , html代码见文 ...
html body不定宽居中,纯CSS实现元素垂直水平居中-非固定宽度
这里不讨论行内元素的居中!! 盒子垂直居中+水平居中的需求时经常遇到的,看到的较多实现逻辑是固定content-box的宽度,通过让margin-left和margin-top等于宽或高的负一半来实现 ...
关于css垂直水平居中的几种方式
关于css垂直水平居中的几种方式 css中元素的垂直水平居中是比较常见及较常使用的,在这里向大家介绍一下几种方式. 1.水平居中 margin: 0 auto; 效果图: 而文字的垂直水平居中也比较简 ...
高度不定垂直居中_你真的能写好CSS垂直水平居中吗？
如何实现一个元素垂直水平居中确定问题背景题目中只说实现一个元素垂直水平居中,但是问题来了此元素的宽高是已知还是未知? 此元素相对于谁居中? 相对于浏览器窗口相对于其父元素垂直水平居中以上情况 ...
bootstrap 图片居中,浅谈Bootstrap中的垂直水平居中
本篇文章给大家介绍一下Bootstrap3和Bootstrap4的垂直水平居中.有一定的参考价值,有需要的朋友可以参考一下,希望对大家有所帮助. 相关教程推荐:<bootstrap教程> ...
不定宽高的DIV，垂直水平居中
1.怎么让一个不定宽高的DIV,垂直水平居中? 答:1)使用CSS方法. 父盒子设置: display:table-cell; text-align:center; vertical-align:mi ...
css 怎么设置盒子水平居中,用一段css实现盒子垂直水平居中方法(8种)-案例
效果图 - 在线案例 css3中的属性:transform: translate(x,y) .box { width: 100px; height: 100px; background: orange ...
垂直水平居中的几种方式
首先分为文本垂直水平居中和块元素垂直水平居中 1. 文本垂直水平居中先来说说文本垂直水平居中吧,直接看代码. css代码: #app {width: 100px;height: 100px;bac ...

IE 8 下面的垂直水平居中

IE 8 下面的垂直水平居中相关推荐

最新文章

热门文章