26
2018
05

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>


« 上一篇下一篇 »