需要准备的材料分别有：电脑、chrome浏览器、html编辑器。
创新互联建站公司2013年成立，是专业互联网技术服务公司，拥有项目网站设计制作、成都网站建设网站策划，项目实施与项目整合能力。我们以让每一个梦想脱颖而出为使命，1280元临沂做网站,已为上家服务,为临沂各地企业和个人服务,联系电话:13518219792
1、首先，打开html编辑器，新建一个html文件，例如：index.html。
2、其次，在index.html中的style标签中，输入css代码：table {margin: auto;} body{text-align: center;}。
3、最后，浏览器运行index.html页面，此时会发现通过用css让整个table在页面中水平居中成功。
text-align: center;水平居中
height:30px;line-height:30px;垂直居中
vertical-align:middle;垂直居中
td里面可以直接td valign="middle" align="center"
层叠样式表(英文全称：Cascading Style Sheets)是一种用来表现HTML（标准通用标记语言的一个应用）或XML（标准通用标记语言的一个子集）等文件样式的计算机语言。CSS不仅可以静态地修饰网页，还可以配合各种脚本语言动态地对网页各元素进行格式化
CSS 能够对网页中元素位置的排版进行像素级精确控制，支持几乎所有的字体字号样式，拥有对网页对象和模型样式编辑的能力。
其实当时在互联网界已经有过一些统一样式表语言的建议了，但CSS是第一个含有“层叠”丰意的样式表语言。在CSS中，一个文件的样式可以从其他的样式表中继承。读者在有些地方可以使用他自己更喜欢的样式，在其他地方则继承或“层叠”作者的样式。这种层叠的方式使作者和读者都可以灵活地加入自己的设计，混合每个人的爱好。
哈坤于1994年在芝加哥的一次会议上第一次提出了CSS的建议，1995年的www网络会议上CSS又一次被提出，博斯演示了Argo浏览器支持CSS的例子，哈肯也展示了支持CSS的Arena浏览器。
容器的居中显示在网页设计中是很常见的，居中显示可以获得视觉的焦点，是内容更加突出，下面就简单的说明一下如何在HTML中通过样式的控制来实现
01
最常见的一种，代码示例如下图，首先，取big一半像素大小赋给small层，通过margin: 0 auto; text-align: center来实现
02
第二种方法，代码示例如下图，将big层的display设置为table-cell,然后small层的margin-left取（500-250）/2，也就是125即可
03
第三种方法，代码示例如下图，将big层的position设置为absolute，然后small层的margin-left取（500-250）/2，也就是125即可
04
第四种方法，通过display:flex实现，代码示例如下图，big层display:flex;flex-direction:column;而small层align-self:center
05
第五种方法，在small层的宽度没有的时候，可以通过width:fit-content这个设置来完成，代码示例如下
06
第六种方法，通过display:inline-block来实现，将这个设置赋给big层即可，代码示例如下图
07
第七种方法，设置big层position:relative，相对情况下，使small层左浮动，代码示例如下
08
第八种方法，transform属性，代码示例如下
09
第九种方法，借助第三方样式，比如增加一个add节点，水平浮动向左，使small层随之浮动，代码示例如下
特别提示
每种方法都适应不同的运行环境，实际操作时需要考虑不同浏览器的解析时的兼容性
