css div 并排况居中

CSS中将`<div>`元素并排放置并在水平方向上居中，可以采用几种方法。以下是常见的两种方法：

1. 使用Flex布局：

   .container {
     display: flex;
     justify-content: center; /* 水平居中 */
     align-items: center; /* 垂直居中（如果需要的话） */
   }
   
   .container div {
     flex: 1; /* 自动分配剩余空间 */
     margin: 0 auto; /* 两边留空使内部div居中 */
   }

2. 使用Grid布局：

   .container {
     display: grid;
     place-items: center; /* 同时水平和垂直居中 */
   }
   
   .container div {
     grid-column: 1 / -1; /* 占据所有列 */
   }

在这两个示例中，`.container`是包含`<div>`的容器，`.container div`是你想要并排居中的元素。`justify-content`和`align-items`属性用于控制主轴（默认为行）的对齐方式，而`flex: 1`或`grid-column: 1 / -1`则是让每个`<div>`等分空间。

如果你不需要考虑响应式设计或者兼容旧版浏览器，可以选择其中一个方案来实现。如有其他特定需求或版本限制，请告诉我，以便提供更具体的建议。