CSS怎样让一个div居中?

首先我们对body设置text-align：center，再对需要居中的div盒子设置css样式margin：0 auto，这样即可让对应div水平居中。

创新互联公司长期为数千家客户提供的网站建设服务，团队从业经验10年，关注不同地域、不同群体，并针对不同对象提供差异化的产品和服务；打造开放共赢平台，与合作伙伴共同营造健康的互联网生态环境。为濂溪企业提供专业的成都网站设计、成都网站制作、外贸网站建设，濂溪网站改版等技术服务。拥有十多年丰富建站经验和众多成功案例,为您定制开发。

首先我们要对body设置css内容居中样式（css text-align：center），然后布局最外层DIV盒子时候使用 margin：0 auto即可让对象布局居中。

div使用绝对布局，设置margin：auto；并设置top、left、right、bottom的值相等即可，不一定要都是0。

div详细用法,举例说明

．使用DIV标签（div）当我们使用CSS-P的时候，我们主要把它用在DIV（division）tag上。当你把文字，图象，或其他的放在DIV中，它可称作为“DIVblock”，或“DIVelement”或“CSS-layer”，或干脆叫“layer”。

用法 div 是一个块级元素。这意味着它的内容自动地开始一个新行。实际上，换行是 div 固有的唯一格式表现。可以通过 div 的 class 或 id 应用额外的样式。

DIV是分段的意思，很多时候，段与段之间的间距要大于行行之间的间距。这是就可以用DIV了。主要还是用来切割段落的。作用：设定字、画、表格等的摆放位置。

DIV是块状标签，它里边可以放置TABLE等各种模块。说白了，主要就是用来网页布局的，当然，网页的每一块内容都可以使用到它，它使用的方法也不是固定的几种，这个要灵活使用。

用法：div是一个块级元素。这意味着它的内容自动地开始一个新行。实际上，换行是div固有的特定的格式表现。可以通过div的class或id应用额外的样式。不必为每一个div都加上类或id，虽然这样做也有一定的好处。

下面四个英文网址提供了详细的关于CSS和CSS-P的文件和解释。1．使用DIV标签（div）当我们使用CSS-P的时候，我们主要把它用在DIV（division）tag上。

CSS样式表代码布局基础教程

1、创建使用css样式表有三种，分别是外部样式表，内部样式表和内联样式。

2、方法二：使用display：flex在父元素的样式中添加display：flex；align-items：center实现竖直居中，justify-content：center；实现水平居中。方法三：同样使用display：flex.在父元素中设置display：flex；在子元素中设置margin：auto。

3、创建使用css样式表有三种，分别是外部样式表，内部样式表和内联样式。下面通过一个小demo演示它们的用法。首先新建一个html文件，放入3个button按钮，给前两个按钮分百别设置class属性为btn1和btn2，如下图。

4、新建一个html文件，命名为test.html，用于讲解div+css布局的基本流程。在test.html文件内，对body进行样式初始化，设置外边距margin为0，内边距padding为0，同时使用text-align设置文字居中。

5、制作表格布局的网页步骤如下： 编写 HTML 代码：在 HTML 文件中使用 table 标签创建表格，并使用 tr 标签创建行，使用 td 标签创建单元格。

分享文章：divcss通用样式 div样式表
网页路径：http://pwwzsj.com/article/dgeidge.html