• 注册
热门标签
↑ 收起导航

CSS实现垂直居中水平居中

以 1920 x 350px 图片为例

<style>
html, body{margin:0px;}
.flexslider { width:100%; overflow:hidden; display:block; margin:0px; }
.Absolute-Center {  
	margin:auto; position:absolute; top:0; left:0; bottom:0; right:0;  
}
.Absolute-Center.is-Image {  
	height:auto;  
}
.Absolute-Center.is-Image img {   
	/*width:100%;*/
	height:auto;  
}
</style>
<div class="flexslider">
	<img src="http://img11.360buyimg.com/cms/jfs/t877/261/53577740/601177/702f0ee0/54f69e60N7357f1e2.jpg" class="Absolute-Center is-Image" width="100%" alt="" />  
</div>
版权声明:转载请注明来自杨俊伟博客,本文地址:http://yangjunwei.com/a/1337.html
除非注明,杨俊伟博客文章均为原创,转载请注明出处和链接!
 

发表评论 



我还是想用邮箱注册

登录

忘记密码 ?

用第三方帐号快捷登录

已有账户?前往登录吧~

注册