小编给大家分享一下html如何实现宽度固定并布局居中模板框架，相信大部分人都还不怎么了解，因此分享这篇文章给大家参考一下，希望大家阅读完这篇文章后大有收获，下面让我们一起去了解一下吧！

创新互联建站是专业的淳安网站建设公司，淳安接单;提供成都网站设计、成都网站建设,网页设计,网站设计,建网站,PHP网站建设等专业做网站服务;采用PHP框架,可快速的进行淳安网站开发网页制作和功能扩展;专业做搜索引擎喜爱的网站,专业的做网站团队,希望更多企业前来合作!

固定宽度 并居中模板效果

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

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}



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