浮动:中心不起作用？

Question

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

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

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

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

Answer 1

你只能向左或向右浮动,所以浮动不是一个选项.

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

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

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