css div 一行的居中

要在CSS中让一个`div`元素在一排中水平居中，你可以采用以下几种方法：

1. **Flexbox** (推荐): 使用现代浏览器支持的 Flexbox，只需给包含`div`的容器设置`display: flex; justify-content: center;`属性即可。

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

2. **Grid**: 类似于Flexbox，使用Grid布局也很方便，给容器添加`display: grid; align-items: center;`。

.container {
  display: grid;
  align-items: center;
}

3. **浮动和绝对定位** (旧方法): 如果你的项目兼容性要求不高，可以使用`float`和`position`配合，但这不是最佳实践，因为可能会引发其他问题。

.container {
  position: relative;
}

.div-to-center {
  float: left;
  margin: auto;
  /* 如果有宽度限制 */
  width: 50%;
}

4. **内联样式和text-align** (仅适用于行内元素): 如果`div`是行内元素，可以直接设置`text-align: center;`。

<div class="centered-div" style="text-align: center;">内容</div>