CSS是控制网页样式的一种语言，也可以用来控制网页的布局。在网页中，我们常常需要把某个元素居中显示。下面就介绍一些关于CSS中控制居中的方法。

1. 居中块级元素

{margin: 0 auto;}

使用margin属性可以实现水平居中，设置margin-right和margin-left属性为auto即可。在这个例子中，margin-top和margin-bottom属性的值为0。

2. 居中内联元素

.container{text-align:center;}.container span{display:inline-block;text-align:left;}

使用文本对齐属性，即text-align:center在父元素中居中内联元素。注意需要在内联元素中添加display:inline-block属性，这样才能使其可以设置width和height等属性。同时使内联元素左对齐，可以添加text-align:left属性。

3. 居中绝对定位元素

{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);}

使用position属性，设置元素为绝对定位。left属性和top属性都设置为50%，将元素放置在父元素的中央。使用transform属性，向左和向上移动元素的50%宽度和50%高度，使其完全居中。