Asp,Php,Jssdk,mysql,mssql,微信公众号开发,小程序开发-学习笔记 收集日常学习笔记和重点,交流QQ:79657181,手机/微信:18611436777

css超宽图片居中显示,隐藏左右多余的部分

#wowslider-container2 .ws_images {margin:0 auto; position:relative; width: 100%; height: 420px; overflow: hidden;}

#wowslider-container2 .ws_images a {color: transparent;}

#wowslider-container2 .ws_images img {border: 0; 

width:1920px;position:absolute;top:0;left:50%; margin-left: -960px;

}



/*外层DIV*/


p {position: relative;overflow:hidden;width: 显示宽度;height:500px;}


 


/*left=50%刚好在中间,margin-left=往前移动图片一半 ==>图片就居中了*/


img {border:none;width: 图片宽度;position:absolute;top:0;left:50%;margin-left: -图片宽度一半;}



<div class="ws_images">

<%

sql17 = "select top 2 * from dk_banner order by dk_banner_order asc"

set rs17=server.CreateObject("adodb.recordset")

rs17.Open sql17, conn, 1, 1

Do While Not rs17.EOF

%>

               <a title="<%=rs17("id")%>"><img id="wows<%=rs17("id")%>" src="/<%=rs17("dk_uploadfile")%>" /></a>

<%

rs17.movenext

Loop

rs17.close

set rs17=nothing

%>

                </div>


2018年5月26日 | 发布:anco | 分类:css | 评论:0