从品牌网站建设到网络营销策划,从策略到执行的一站式服务
.inner{ width: 400px; height: 200px; position:absolute; left:50%; top:50%; margin:-100px 0 0 -200px; background-color: green;}
测试表明,这是唯一在IE6-IE7上也表现良好的方法。
创新互联是一家专业提供青原企业网站建设,专注与成都网站设计、网站制作、H5场景定制、小程序制作等业务。10年已为青原众多企业、政府机构等服务。创新互联专业网站设计公司优惠进行中。优点:
1. 良好的跨浏览器特性,兼容IE6-IE7。
2. 代码量少。
缺点:
1. 不能自适应。不支持百分比尺寸和min-/max-属性设置。
2. 内容可能溢出容器。
3. 边距大小与padding,和是否定义box-sizing: border-box有关,计算需要根据不同情况。
第二种:缺点IE7及以下浏览器不兼容
.wrapper{ width: 1000px; height: 600px; margin: auto; position: absolute; top:0; left: 0; bottom: 0; right: 0; background-color: red;}
第三种:CSS3变形 transform IE8不支持
.transformed {
width: 500px; height: 400px; background-color: red; margin: auto; position: absolute; top: 50%; left: 50%;
-webkit-transform: translate(-50%,-50%);
-ms-transform: translate(-50%,-50%);
transform: translate(-50%,-50%);
}
第四种:文字居中
.wrapper{ background-color: red; width: 1000px; height: 1000px; display: table;}
.inner{
display: table-cell;
vertical-align: middle;
}
原文链接:http://blog.csdn.net/freshlover/article/details/11579669
成都网站建设公司地址:成都市青羊区太升南路288号锦天国际A座10层 建设咨询028-86922220
成都快上网科技有限公司-四川网站建设设计公司 | 蜀ICP备19037934号 Copyright 2020,ALL Rights Reserved cdkjz.cn | 成都网站建设 | © Copyright 2020版权所有.
专家团队为您提供成都网站建设,成都网站设计,成都品牌网站设计,成都营销型网站制作等服务,成都建网站就找快上网! | 成都网站建设哪家好? | 网站建设地图