我们在实际工作中经常会遇到需要设置居中的场景。对中分为水平对中和垂直对中。不同的情况有不同的实现，比如行内元素和块元素。水平居中：inlineelements:text-align:center;//这是一个比较简单的块状元素：固定宽度的块状元素是通过设置左右外边距为auto来实现的，例如margin:10pxauto;变宽块元素：在标签后添加table，按照定宽元素设置；设置display:inline后，根据行内元素设置；setposition:relativeleft:50%通过为父元素设置float，然后为父元素设置position:relative和left:50%，子元素设置position:relative和left:-50%实现水平居中。垂直居中：示例1.最简单的单行文本垂直居中是使用line-height。首先定义整个div的高度，然后设置lineheight的值等于div的高度，这样就实现了单行文字的居中效果。例2
