CSS中，想要整个div居中是一件常见的需求。下面将介绍几种实现div居中的方法。

/* 方法1：使用margin和auto */div {width: 200px;height: 100px;margin: auto;}/* 方法2：使用flexbox */.container {display: flex;justify-content: center;align-items: center;}.container div {width: 200px;height: 100px;}/* 方法3：使用position和transform */.parent {position: relative;}.child {position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);width: 200px;height: 100px;}

方法1是使用margin和auto来实现居中，只需要设置左右margin为auto即可。这个方法的缺点是需要知道div的宽度。

方法2是使用flexbox来实现居中，需要将父容器设置为flex容器，然后设置justify-content和align-items为center即可。这个方法的好处是不需要知道div的宽度和高度。

方法3是使用position和transform来实现居中。将父容器设置为relative，子容器设置为absolute，然后将top和left都设置为50%，再使用transform来将子容器居中。这个方法的好处是不需要知道div的宽度和高度，缺点是需要额外的html标签。