欧美日韩一区二区三区四区不卡,日韩欧美视频一区二区三区四区,久久精品欧美一区二区三区不卡,国产精品久久久乱弄

咨詢電話：186 7916 6165 咨詢電話：186 7916 6165 (微信同號)    在線QQ：181796286
NEWS BLOG ·
學無止境
關注開優(yōu)網(wǎng)絡 關注前沿
CSS合作伙伴
CSS的防止圖片撐破頁面的代碼(圖片自動縮放)

div的內容圖片垂直居中代碼（兼容多瀏覽器）

發(fā)表日期：2015-12-30    文章編輯：南昌開優(yōu)網(wǎng)絡    瀏覽次數(shù)：4384    標簽：CSS

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=GB2312" /> 
<title>div的內容圖片垂直居中代碼（兼容多瀏覽器）</title> 
<style type="text/css"> 
.psdthumb { height: 1%; overflow: hidden; display:table; border-spacing:10px; } 
.psdthumb li {border:1px solid #aaa; width:240px; height:160px; text-align:center; vertical-align:middle; position:relative; margin: 10px; *float:left; display: table-cell; } 
.psdthumb .qq { *position:absolute; top:50%; } 
.psdthumb .qq img { *position:relative; top:-50%; left:-50%; } 
</style> 
</head> 

<body> 
<div class="psdthumb"> 
<li><div class="qq"><img src="http://mat1.qq.com/www/images/allskin/wmlogo.gif" ></div></li> 
<li><div class="qq"><img src="http://img1.cache.netease.com/cnews/netease/logo_w.gif" ></div></li> 
</div> 
</body> 
</html>
主站蜘蛛池模板： 囊谦县| 拉孜县| 青龙| 苗栗县| 岳阳市| 报价| 扎赉特旗| 阜南县| 集安市| 岗巴县| 罗甸县| 南丰县| 长子县| 沙雅县| 中牟县| 岗巴县| 德惠市| 监利县| 大丰市| 会同县| 彭山县| 铁岭县| 儋州市| 兴业县| 蒙自县| 文水县| 虎林市| 晋中市| 右玉县| 南开区| 历史| 峨边| 祁连县| 斗六市| 尚志市| 新竹县| 镇坪县| 辉南县| 九龙城区| 皋兰县| 福建省|