css - float : center doesn't work?

Question

我正在使用教程制作我的第一个 Tumblr 主题，我在这方面完全是个新手。

.metadata a {
display: inline-block;
float: center;
margin-left: 2%;
}

我希望帖子居中，但唯一有用的是 float: left 和 float: right

我该怎么办？请解释清楚，因为正如我所说，我是一个新手，而且我的母语不是英语。

Answer 1

您只能向左或向右浮动，因此此处不提供 float 选项。

将 text-align: center 添加到 a-tag 的父元素中。这不仅会居中文本，还会居中其他内联和内联 block 元素，例如您的元素。

另一种居中元素的方法是给它们 display: block; margin 0 自动。 “自动”左右边距使元素居中。这是使元素居中的常用技巧，但它仅适用于 block 元素(或带有 display: block 的元素)。这也意味着您必须指定一个宽度，因为如果您不指定， block 元素将占用父元素宽度的 100%。

我认为在您的情况下，显式宽度不是一个选项，因此 text-align 将是最佳选项。