html - 相当于 CSS 中的 <center> 标签?

标签 html center css

<分区>

我读到 <center>标签已弃用,但我在 CSS 中找不到任何真正的等价物。 text-align适用于文本但不适用于其他元素,并且自动边距仅在您知道容器的宽度时才有效(如果您事先不知道宽度,则不是解决方案)。那么有没有真正等同于这个 <center> 的东西呢?标签?

最佳答案

text-align 应该适用于其他类型的元素。这行得通吗?

.center { margin: auto; text-align: center; }

三年后编辑:-D

margin: auto; 还使顶部和底部边距“自动”。那可能不是你想要的。或者你可以有类似的东西:

.center {
  margin-left: auto;
  margin-right: auto;
  margin-top: 3px;
  margin-bottom: 3px;
  text-align: center;
  display: flex;
  justify-content: center;
}

此特定示例将文本水平居中,同时将上边距和下边距硬连线到 3 像素。

也可以说类似 margin: 3px auto 3px auto; 但我更喜欢明确地拼出方向,因为如果我把它们都放在一起,我永远记不住参数的顺序在一个 margin: 设置上。

关于html - 相当于 CSS 中的 <center> 标签?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/7226056/

相关文章:

html - 如何修复菜单在 wordpress 中不居中

html - 垂直对齐固定大小的 Div

css - 下拉菜单 CSS 问题

css - Image Hover 没有出现在 CSS 中,但它出现在 HEAD 中

html - 倾斜的div中的背景图像

javascript - 多文件上传

html - 无法在悬停时更改字体颜色 - Bootstrap Navbar

html - CSS 和 Html 调整登录表单高度而不挤压小屏幕上的文本框?

twitter-bootstrap - 在 Bootstrap 上居中 .col-md-x

索引变化时的 AngularJS 动画