网页的主体部分怎么居中布局显示

来源：互联网 2023-03-16 19:11:53 252

网页的主体部分，承载了网页中的内容，想要完成把主体部分的内容以居中显示的方式进行布局，最重要的是要指定主体的宽度，以及设定margin:0 auto

工具/原料

新建一个HTML文档，用来设计居中布局显示

网页的主体部分怎么居中布局显示

在网页中加入内容，用于前端的显示内容

网页的主体部分怎么居中布局显示

为内容部分加入一个容器，用于包裹所有实体的显示内容，示例：

div class="warp">

实体显示内容/

/div>

网页的主体部分怎么居中布局显示

3相关内容未经授权抓取自百度经验

为主体容器编写一个内联样式，示例：

style>

.warp{

width:150px;

margin:0 auto;}

/style>

网页的主体部分怎么居中布局显示

保存以上内容，在浏览器预览效果，主体部分已经处于浏览器的中心位置了

网页的主体部分怎么居中布局显示

以上方法由办公区教程网编辑摘抄自百度经验可供大家参考！

标签： HTML CSS