网页设计教程:怎么让页面居中显示

页面居中对齐的方式有很多种实现方法 。 下面,我们来看看怎么让页面居中显示吧 。 操作方式 01 【网页设计教程:怎么让页面居中显示】新建html页面
起首打开visual studio软件,然后新建一张HTML页面,如下图所示:

网页设计教程:怎么让页面居中显示

文章插图

02 main
然后建立一个div,名称为main,随便写上一些文字,如下图所示:

网页设计教程:怎么让页面居中显示

文章插图

03 居中对齐
然后对body本家儿题设置样式,代码为body{ margin:0 auto;width:780px;}如下图所示:

网页设计教程:怎么让页面居中显示

文章插图

04 预览结果
在浏览器中的预览结果如下图所示:

网页设计教程:怎么让页面居中显示

文章插图



以上内容就是网页设计教程:怎么让页面居中显示的内容啦,希望对你有所帮助哦!

    推荐阅读