控制元素在每个div中绝对居中且两个div在同一行

你可以使用flexbox来实现这个效果。首先，将两个div包裹在一个父元素中，然后给父元素设置`display: flex;`和`justify-content: center;`来让两个div在同一行且水平居中。对于每个div，可以设置它们的`position`为`relative`，然后使用`top`和`left`属性将它们在各自的div中垂直和水平居中。

HTML代码示例：

<div class="parent">
  <div class="child1">
    <!-- 内容 -->
  </div>
  <div class="child2">
    <!-- 内容 -->
  </div>
</div>

CSS代码示例：

.parent {
  display: flex;
  justify-content: center;
}

.child1, .child2 {
  position: relative;
}

.child1 {
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.child2 {
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

这样，两个div就会在同一行上，并且它们内部的内容会在每个div中水平和垂直居中。