div+css如何让页面居中显示

创新互联建站导读：代码很简单，代码里注意 margin: 0 auto; 这句就成，大家可以直接拿去使用。另外大家如果经常需要用到这些代码的话，可以把代码保持下来，需要用的时候拿来即可，这样就能够大大提升工作效率。

柳河ssl适用于网站、小程序/APP、API接口等需要进行数据传输应用场景，ssl证书未来市场广阔！成为成都创新互联的ssl证书销售渠道，可以享受市场价格4-6折优惠！如果有意向欢迎电话联系或者加微信：028-86922220（备注：SSL证书合作）期待与您的合作！

很多朋友在制作页面的时候，发现页面总是考左显示，无论怎么做都不能让页面居中对齐。事实上通过div+css让页面具体显示是很简答的，下面给大家看下代码：

<style>
.main {margin: 0 auto; width: 1200px; background-color:#FFFFFF}
.main_q {width: 1200px; height:300px;}
</style>
<div class="main">
<div class="main_q">这里是内容部分</div>
</div>

上面的代码大家可以复制下来，保存文件为html文件，然后看看效果，会发现网页是居中对齐的。

这里大家要注意给页面加个外层的框架，也就是前面代码中的main这个样式，margin: 0 auto; 想要页面居中显示这句是必不可少的。我们可以把后面的代码都包含在 main 这个div里面，也可以把main这个div看成是区域，页面有几个内容区块就复制出几个区域。

这里笔者建议大家不必对这些代码名词做深度的研究，只需要记住它是怎么用的就可以了。笔者甚至有很多的html代码都不知道拼写，但这不影响到笔者制作页面模板，因为dreamweaver里面已经集成了这些css样式，我们只需要调用就行。当然，如果你直接使用记事本来制作页面的话，那么就需要纯手动去敲代码，这也是没有必要的！

以上就是关于div+css如何让页面居中显示的内容，代码很简单，代码里注意 margin: 0 auto; 这句就成，大家可以直接拿去使用。另外大家如果经常需要用到这些代码的话，可以把代码保持下来，需要用的时候拿来即可，这样就能够大大提升工作效率。

网站栏目：div+css如何让页面居中显示
文章链接：https://www.cdcxhl.com/article8/hhdop.html

成都网站建设公司_创新互联，为您提供网站改版、服务器托管、外贸建站、搜索引擎优化、网站收录、静态网站

广告

声明：本网站发布的内容（图片、视频和文字）以用户投稿、用户转载内容为主，如果涉及侵权请尽快告知，我们将会在第一时间删除。文章观点不代表本网站立场，如需处理请联系客服。电话：028-86922220；邮箱：631063699@qq.com。内容未经允许不得转载，或转载时需注明来源： 创新互联