CSS是前端网页设计中的重要元素之一。它能够帮助我们实现各种网页布局和样式调整，其中，使div横向居中也是常见的需求。以下是一些实现div横向居中的方法：

/* 方法一：使用margin */
div{
width: 200px;
height: 100px;
background-color: #ccc;
margin: 0 auto;
}
/* 方法二：使用flexbox */
.container{
display: flex;
justify-content: center;
}
.container div{
width: 200px;
height: 100px;
background-color: #ccc;
}
/* 方法三：使用text-align */
.container{
text-align: center;
}
.container div{
display: inline-block;
width: 200px;
height: 100px;
background-color: #ccc;
}

以上三种方法都可以实现div横向居中，不同的方法适用于不同的场景。使用margin的方法可以对单个div元素进行横向居中，适用于单独的元素居中。而使用flexbox和text-align的方法则适用于包含多个div元素的容器，能够对内容进行整体居中。

除了以上三种方法外，还有其他的实现div横向居中的方法。在实际的网页设计中，我们可以根据实际需求和效果选择合适的方法。希望本文对你有所帮助。