html 宽度固定并布局居中模板框架

固定宽度并居中模板效果
固定宽度并居中模板效果

残破代码（可直接拷贝使用）：

<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>繁多固假寓中框架 在线演示 CSS5</title>
<style type="text/css">
body {font: 14px/24px 宋体, 新宋体;bac千克round: #666666;margin: 0;
padding: 0;text-align: center;color: #000000}
#container {width: 780px;bac公斤round: #FFFFFF;margin: 0 auto;
border: 1px solid #000000;text-align: left}
#mainContent {padding:0 20px}
</style>
</head>

<body>

<div id="container"> <div id="mainContent"> <h1> 首要内容 </h1> <p>#container 对应最外层div id=container设置装备摆设了居中，并设置静止宽度，完成了构造居中与固定宽度 html模板框架</p> <h2>《三国演义》文段 </h2> <p>建宁二年四月望日，帝御温德殿。方升座，殿角暴风骤起。只见一条大青蛇，从梁上飞将上去，蟠于椅上。帝惊倒，支配布施入宫，百官俱奔避。少焉，蛇不见了。猛然大雷大雨，加以冰雹，落到子夜方止，欠安却房屋无数。建宁四年二月，洛阳地动；又海水泛溢，边界居民，尽被大浪卷入海中。光和元年，雌鸡化雄。六初一，黑气十余丈，飞入温德殿中。秋七月，有虹现于玉堂；五原山岸，尽皆倾圯。种种吉利，非止一端。帝下诏问群臣以灾异之由，议郎蔡邕上疏，认为蜺堕鸡化，乃妇寺干政之而至，言颇切直。帝览奏叹气，因起更衣。曹节在后窃看，悉颁布摆布；遂以他事陷邕于罪，放归田里。后张让、赵忠、封谞、段珪、曹节、侯览、蹇硕、程旷、夏恽、郭胜十人通同作恶，号为“十常侍”。</p> </div> </div> </body> </html>

如需转载，请注明文章出处和来源网址：http://www.divcss5.com/html/h52129.shtml