浮动:中心不起作用?

时间:2012-09-28 21:40:09

标签: css css-float tumblr

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

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

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

我该怎么办? 请清楚解释,因为正如我所说,我是一个新手,我不是母语为英语的人。

3 个答案:

答案 0 :(得分:6)

你只能向左或向右浮动,所以这里不能选择浮动。

text-align: center添加到a​​-tag的父元素。这将不仅仅是文本,还有其他内联和内联块元素,就像你的那样。

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

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

答案 1 :(得分:2)

抱歉,但没有float: center;。使用margin: 0 auto;将块级元素居中,将text-align: center;用于内联。

答案 2 :(得分:0)

而不是使用" float"要控制文字的方向,您可能希望使用" text-align"并将其应用于标签的父级。 " text-align:center;"将应用于父级中的所有内联元素(如a)。 见text-alignfloat 文档/教程。