css 两个div对齐居中

在CSS中，让两个`<div>`元素水平居中并紧靠在一起可以采用几种方法，这里提供一种常见的方法：

1. 使用Flexbox布局：

.container {
  display: flex; /* 创建弹性盒模型 */
  justify-content: center; /* 水平居中 */
}

.div1, .div2 {
  flex: 1; /* 自适应宽度 */
}

在这个例子中，`.container`包含两个`.div1`和`.div2`，它们会自动平均分配剩余空间并在水平方向上居中。

2. 或者使用Grid布局：

.container {
  display: grid;
  place-items: center; /* 居中内容行和列 */
}

.div1, .div2 {
  /* 如果需要指定宽度，添加相应的样式 */
}

如果只想要简单的文本居中，也可以直接给每个`div`设置内边距和`text-align`属性：

.div1, .div2 {
  margin: auto auto; /* 上下左右都设为auto，让div自适应容器中心 */
  text-align: center; /* 文本水平居中 */
}

请注意，这三种方法假设`.container`有足够的宽度来容纳这两个`div`。如果`.container`宽度有限，你需要考虑其他布局策略。