怎么使页面居中?

如题所述

三个办法实现页面居中(布局居中)

一:在html代码页面的body标签写一个<center></center>的标签,在里面写内容即可实现居中,如:

接下来使用的两个方法的前提是你的html代码链接上css代码!!!不然没效果

二:text-align: center方法在html代码页面给某一个标签取一个名字,然后在css代码给标签设置属性

css:

效果图:

三:margin: 0 auto 0(auto左右的两个零分别代表着宽度和高度)方法和第二种方法差不多,也是在html代码页面给某一个标签取一个名字,然后在css代码给标签设置属性

注:此方法适用于在整个布局居中,和前两个不同的是使用这个方法要设置宽度和高度,不然用不了!

代码:

html及效果图:

希望能帮到你!

温馨提示:答案为网友推荐,仅供参考
第1个回答  2023-06-25
介绍一下怎样让网页在浏览器中居中显示,html如何让网页居中显示。如果对让网页居中显示不熟悉的朋友,可以参考以下步骤。1.为了更好的示范,现打开一个html页面,从下图中可以看到,该网页是靠左显示的,在浏览器中没有居中显示,现将通过以下步骤,使该网页居中显示。2.先打开该页面所在的目录,找到该html文件,然后选中它,右击鼠标,在弹出的选项里,点击打开方式,再点击Dreamweaver。3.在Dreamweaver中打开该html页面文件后,可以在该页面的高度后面,直接加上align=\"center\",注意双引号和空格即可,这样该html网页,就居中显示了。4.如果不想用手动输入标签的这种方式实现网页居中显示,那么还可以在DW中视图窗口中,用鼠标点击一下网页表格的最外侧。5.然后按住鼠标左键不放的情况下,横向拖动一下,这样,该网页就被全部选中了,选中的部位,在上面的[tele.iziteng.com.cn/article/846031.html]
[tele.regapp.cn/article/160984.html]
[tele.8ec.com.cn/article/329614.html]
[tele.qidit.cn/article/316598.html]
[tele.mdybag.cn/article/942130.html]
[tele.51heycar.cn/article/142305.html]
[tele.uapes.cn/article/187062.html]
[tele.51heycar.cn/article/702895.html]
[tele.sxhthb.cn/article/384106.html]
[tele.jchdmc.cn/article/709385.html]