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>