欢迎加入站点基地设计开发交流群:30720409
详细内容
大图居中显示的办法
发布日期:2015-04-10     点击:2422     字体:[ ]

随着浏览器分辨率的增加,图片也越来越大,但图片展示的时候,很多要求根据浏览器分辨率居中显示,用下面的办法可以实现

例如banner位置,宽度定义为1200px,里面包含宽度为1920的效果图,banner的样式定义如下:

#banner
{
width:1200px;
height:518px;
margin:0 auto;
overflow:visible!important;
}

效果图Div的样式定义如下:

.wrapper {width:1920px; margin-left:-960px;left: 50%;position: relative;}

这里的这三个定义很关键,一个是负的左边距,是宽度的一半,这样就可以保证在不同浏览器下都居中显示: margin-left:-960px;left: 50%;position: relative;

如果出现了水平滚动条,就用下面的样式隐藏吧:

html{overflow-x:hidden; overflow-y:auto;},

用户评论
昵称 
内容  *
验证码   
   
相关文章 更多...  
Copyright © 2010 zdbase.com All Rights Reserved. 苏ICP备15039389号 可人软件设计