国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 開發 > CSS > 正文

CSS教程:網頁圖片垂直居中實例

2024-07-11 09:02:07
字體:
來源:轉載
供稿:網友

武林網(www.survivalescaperooms.com)文章簡介:CSS教程:網頁圖片垂直居中實例.

找到一個不錯的圖片垂直居中代碼!代碼貼上來。

最近做項目發現這個方法有的時候不管用,于是查資料,問高手,在小魔博客里找到一種方法,描述的不太詳細,把我的代碼發上來。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "">
 
<html xmlns="" xml:lang="zh-cn" lang="zh-cn">
 
<head>
 
<title>Title</title>
 
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
 
<meta http-equiv="Content-Language" content="zh-CN" />
 
<meta name="author" content="mxclion" />
 
<script type="text/javascript">
 
/* <![CDATA[ */
 

/* ]]> */
 
</script>
 
<style type="text/css">
 
        .a{width:300px; height:350px; line-height:350px; border:1px solid #000; background: #f00; text-align:center;}
 
        .a img{vertical-align:middle;}
 
        .a span{display:inline-block;}
 
</style>
 
</head>
 
<body>
 
        <div class="a">
 
                <img src="images/sy.gif" alt="" />
 
                <span></span>
 
        </div>
 
</body>
 
</html>

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 乌鲁木齐县| 门头沟区| 嘉祥县| 谢通门县| 大兴区| 三门县| 宜川县| 密云县| 墨脱县| 尼木县| 织金县| 蒙城县| 多伦县| 南漳县| 延边| 微山县| 离岛区| 弋阳县| 瑞安市| 玉溪市| 九江县| 巧家县| 庆云县| 大冶市| 延庆县| 蒲城县| 斗六市| 竹北市| 如皋市| 上饶县| 大英县| 老河口市| 双柏县| 石林| 泸定县| 湖州市| 伊川县| 广丰县| 双牌县| 南岸区| 自贡市|