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

首頁 > 開發 > CSS > 正文

css實現div內圖片上下左右居中

2024-07-11 08:27:53
字體：大 中 小
來源：轉載
供稿：網友


復制代碼
代碼如下:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "<a >
<html xmlns="<a >
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>純css實現div容器內圖片上下左右居中效果</title>
<style type="text/css">
*{ margin:0; padding:0; list-style:none;}
img{ border:none;}</p><p>.main{ width:600px; height:400px; margin:100px auto;text-align:center;vertical-align:middle;display:block;position:relative; background:#ddd;}
.main a{display:table-cell;vertical-align:middle;width:600px; height:400px; }
.main a img{max-width:600px;max-height:400px; }
</style>
</head></p><p><body>
<div class="main">
<img src="<a />
</div>
</body>
</html>

兼容IE8，火狐，Chrome，Opera等瀏覽器

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板： 岚皋县| 乐都县| 汕尾市| 天峻县| 荃湾区| 崇明县| 龙游县| 修武县| 大田县| 肥城市| 常宁市| 东山县| 额济纳旗| 托克托县| 高陵县| 秦皇岛市| 泗阳县| 资源县| 施甸县| 曲松县| 横山县| 苏尼特左旗| 偏关县| 木兰县| 犍为县| 西峡县| 垣曲县| 信宜市| 博客| 海安县| 拉萨市| 沭阳县| 嘉善县| 南部县| 鹤壁市| 鱼台县| 舟山市| 三台县| 绥中县| 上饶市| 保定市|