189 8069 5689

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

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

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

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



这里是内容部分

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

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

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

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


文章名称:div+css如何让页面居中显示
本文URL:http://cdxtjz.cn/article/hhdop.html

其他资讯