3

我正在使用教程做我的第一个 Tumblr 主题，我完全是新手。

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

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

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

4

3 回答 3

8

您只能向左或向右浮动，因此浮动不是这里的选项。

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

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

我认为在你的情况下，明确的宽度不是一个选项，所以 text-align 将是最好的选择。

于 2012-09-28T21:42:16.643 回答
2

对不起，但没有float: center;。用于margin: 0 auto;居中块级元素和text-align: center;内联。

于 2012-09-28T21:48:54.660 回答
0

您可能希望使用“text-align”并将其应用于 a 标签的父级，而不是使用“float”来控制文本的方向。“文本对齐：居中；” 将适用于父级中的所有内联元素（如 a）。请参阅 文本对齐 和 浮动 文档/教程。

于 2012-09-28T21:44:53.743 回答