CSS可以用来控制网页的样式，而居中是网页中常用的一种样式。本文将介绍如何使用CSS实现在网页中加居中的方法。

/* 水平居中 */.element {margin: 0 auto;}/* 垂直居中 */.element {position: absolute;top: 50%;transform: translateY(-50%);}

以上两种方式一个是水平居中，一个是垂直居中，也可以配合使用实现水平垂直居中。下面将分别详细介绍这两种方法。

水平居中

水平居中是网页中最常用的一种居中样式，一般用于居中整个页面或对其中的一个元素进行水平居中。其实现方法非常简单，只需将元素的左右margin值设置为auto即可。例如：

.element {width: 200px;margin: 0 auto;}

其中，element为要进行居中的元素，200px为元素的宽度，表示元素宽度为200px，margin的值为0 auto，意思是上下边距为0，左右边距自动平分剩余的空间，这样就实现了水平居中。

垂直居中

上面介绍了水平居中的方法，下面来介绍一种垂直居中的方法。实现垂直居中的方法有很多，这里我们主要介绍一种基于绝对定位和transform的方式。

首先，需要将要居中的元素的position属性设置为absolute，这样才能用top和left属性进行定位，然后将元素的top值设置为50%，表示元素上边框距离父元素顶部的距离为50%。接着，使用transform的translateY函数，将元素上移(-50%)的距离。

.element {position: absolute;top: 50%;transform: translateY(-50%);}

其中，element为要进行居中的元素，top值为50%，表示元素上边框距离父元素顶部的距离为50%，transform值为translateY(-50%)，表示元素沿着Y轴上移(-50%)的距离，从而实现垂直居中。

以上就是利用CSS进行居中的两种方法，可以根据具体需要进行选择并进行实现。