需要的主要css代码有两个，一个为text-align：center（内容居中），另外一个为margin：0 auto；其两个样式需要配合使用才能实现div盒子的居中显示排版。
创新互联专业为企业提供尼金平网站建设、尼金平做网站、尼金平网站设计、尼金平网站制作等企业网站建设、网页设计与制作、尼金平企业网站模板建站服务，十年尼金平做网站经验，不只是建网站，更提供有价值的思路和整体网络服务。
首先，打开html编辑器，新建一个html文件，例如：index.html。其次，在index.html中的标签中，输入css代码：table {margin： auto；} body{text-align： center；}。
我们可以通过css中的align-items等相关css属性来实现。推荐参考：《CSS教程》下面我们就通过具体的代码示例，为大家介绍css怎么实现弹性盒中元素居中对齐。
首先是水平居中，最简单的办法当然就是margin：0 auto；也就是将margin-left和margin-right属性设置为auto，从而达到水平居中的效果。
通常首选方法是使用 flexbox 居中内容。只需三行代码即可： display：flex ，然后使用 align-items：center 和 justify-content：center 将子元素垂直和水平居中。
负外边距(Negative Margins)这或许是当前最流行的使用方法。
如果您觉得我的文章有用，欢迎点赞和关注，也欢迎光临我的个人博客 https：//github点抗 /BokFang 在这里总结一下CSS水平居中、垂直居中的各种方式。应该说非常全了。
}我并不是第一个发现这种方法的人(不过我还是敢把它叫做“完全居中”)，它有可能是种非常普遍的技巧。但大多数介绍垂直居中的文章中并没有提到过这种方法Simon提供了一个jsFiddle的链接，其他的方法相比之下就相形见绌了。
可以使用“text-align”属性让文字水平居中，使用“ling-height”属性让文字垂直居中。
给它的父元素写text-align属性；要居中的元素将其类型转为inline-block；要居中的元素加vertical-align属性；添加一个“标尺”，既同级元素（span等），要居中的元素与其互相垂直居中。
要设置文本对齐（左对齐，右对齐，居中对齐）需要用到的CSS属性是text-align属性。
首先，打开html编辑器，新建html文件，例如：index.html。在index.html中的标签中，输入css代码：p {text-align： center}。浏览器运行index.html页面，此时p标签内的文字成功被水平居中显示。
在页面的body标签里，新建一个div，名称为test。在body标签下方写上，用来存放js代码。通过class定位到div，通过css()方法让文字居中。在浏览器中打开test.html，可以在文字在页面中间显示。
让文字居中的最主要的标签就是text-align：center；如果你还有别的文字居中的需求，可以通过margin：0 auto来控制文字所在层的居中。
CSS实现水平垂直居中对齐在CSS中实现水平居中，会比较简单。
margin 这种方式只能实现固定宽度的块级元素水平居中，如果该元素没有设置宽度或者不是块级元素，则不会生效。
对齐的方法就是把div的height属性值和line-height的属性值设为相等即可达到文本垂直居中效果，上面代码中两个属性值都设置为40px。
在前端面试中，大都会问你div居中的方法： 文笔不好，就随便寥寥几句话概括了， 不过以后文笔肯定会变得更好一些的。
CSS让DIV水平居中 说明，本文中所指的DIV包括HTML页面中所有的元素。 让一个DIV水平居中，直接用CSS就可以做到。只要设置了DIV的宽度，然后使用margin设置边距0 auto，CSS自动算出左右边距，使得DIV居中。
1、实现此效果非常的简单，只要利用line-height属性即可。
2、margin 这种方式只能实现固定宽度的块级元素水平居中，如果该元素没有设置宽度或者不是块级元素，则不会生效。
3、CSS3 的FlexBox更是强大到没朋友。但是良辰今天想聊的是 CSS 垂直居中的方法，下面是萌萌的分割线。
4、首先我们来介绍以下两个属性：text-align是设置元素中文字的水平对齐方式。它的作用对象是文本，控制文本，对块状元素等不起效果，只能让块元素里的内容(例如p标签内的文字：让文字在p标签内居中)相对块元素居中。
5、对齐的方法就是把div的height属性值和line-height的属性值设为相等即可达到文本垂直居中效果，上面代码中两个属性值都设置为40px。
6、在前端面试中，大都会问你div居中的方法： 文笔不好，就随便寥寥几句话概括了， 不过以后文笔肯定会变得更好一些的。
1、可以使用“text-align：center；”是文本居中。
2、left ： 左对齐right ： 右对齐center ： 居中*justify ： 两端对齐（不推荐使用，通常大部分浏览器不使用）我们对text-align常用的参数值为left、right、centertext-align功能说明：设置或检索对象中文本的左中右对齐方式。
3、在页面的body标签里，新建一个div，名称为test。在body标签下方写上，用来存放js代码。通过class定位到div，通过css()方法让文字居中。在浏览器中打开test.html，可以在文字在页面中间显示。
4、在前端面试中，大都会问你div居中的方法： 文笔不好，就随便寥寥几句话概括了， 不过以后文笔肯定会变得更好一些的。
5、否则一切都是无用功。margin：0 auto 也可以被写成margin：0 auto 0 auto。不能理解的童鞋们可以自己去找找关于css缩写的内容。
6、使用css使文字的居中的方法是有很多中的，一般的情况下使文字水平剧中使用的text-aligin属性，垂直剧中现在常用的方法是使用line-height，设置line-height的值为文字容器的高度即可实现垂直居中。
