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