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

首頁 > 開發 > CSS > 正文

使用css實現div垂直居中的示例

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


復制代碼
代碼如下:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>CSS實現div居中</title>
<style>
/*外層div居中*/
#main {
position: absolute; /*極為重要*/
background-color: blue;
width:400px;
height:200px;
left:50%;
top:50%;
margin-left:-200px;
margin-top:-100px;
border:1px solid #00F;
}

#content {
position: absolute; /*極為重要*/
background-color: yellow;
width: 200px;
height: 100px;
left:50%;
top:50%;
margin-left:-100px;
margin-top:-50px;

/*div內部文字居中*/
text-align: center;
line-height:100px; /*行間距和div寬度相同*/
}
</style>
<body>
<div id="main">
<div id="content">
Sun
</div>
</div>
</body>
</html>

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板： 淄博市| 柯坪县| 从江县| 敖汉旗| 绍兴市| 西充县| 抚顺县| 阜新| 天峨县| 工布江达县| 巩留县| 台东市| 顺义区| 邮箱| 赤峰市| 元朗区| 开远市| 道孚县| 鹤壁市| 凤城市| 年辖：市辖区| 蒙城县| 桃园县| 农安县| 徐闻县| 连南| 普陀区| 鹤山市| 陇南市| 涞水县| 高淳县| 新余市| 桂东县| 荔波县| 陇川县| 德保县| 于都县| 乌什县| 政和县| 镇巴县| 公主岭市|