div居中_如何让div盒子居中

以下是重新表达但内容不变的内容：

探讨 div 元素内部的文字居中方式。

1. 上下居中（垂直居中）

利用 CSS 样式，可以轻松实现 div 元素内文字的垂直居中。具体代码如下：

div {
    height: 40px;
    display: flex;
    flex-direction: row;
    align-items: center;

2. 左右居中（水平居中）

同样地，我们也可以实现 div 元素内文字的水平居中。具体代码如下：

div {
    height: 40px;
    display: flex;
    flex-direction: row;
    justify-content: center;

3. 另一种水平居中的方式

若 div 元素的布局方向为竖直方向，则应使用不同的属性进行水平居中。具体代码如下：

div {
    display: flex;
    flex-direction: column;
    align-items: center;

—— 相关信息 ———