每日笔记，div居中，div文字居中，div水平垂直居中，元素居中

元素居中

居中对齐元素

要使块元素（例如 <div> ）水平居中，请使用 margin: auto;。

设置元素的宽度将防止其延伸到容器的边缘。

然后，元素将占用指定的宽度，剩余空间将在两个外边距之间平均分配：

实例

.center {
  margin: auto;
  width: 50%;
  border: 3px solid green;
  padding: 20px;
}

注意：如果未设置 width 属性（或将其设置为 100％），则居中对齐无效。

居中对齐文本

如果仅需在元素内居中文本，请使用 text-align: center;：

实例

.center {
  text-align: center;
  border: 3px solid green;
}