css 浮子:中心不起作用?

tuwxkamq  于 2023-01-10  发布在  其他
关注(0)|答案(4)|浏览(124)

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

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

我希望帖子居中,但唯一有效的方法是浮动:左移和浮动:右
我该怎么办?请解释清楚,因为正如我所说,我完全是个新手,而且我的母语不是英语。

m1m5dgzv

m1m5dgzv1#

您只能向左或向右浮动,因此这里不提供浮动选项。
text-align: center添加到a标签的父元素中,这不仅会使文本居中,而且会使其他内联和内联块元素居中,就像你的元素一样。
另一种居中元素的方法是给元素给予display: block; margin 0 auto。“自动”左右边距会使元素居中。这是居中元素的常用技巧,但它只适用于块元素(或display: block元素)。这也意味着你必须指定宽度,因为如果你不指定,块元素将消耗100%的父元素宽度。
我认为在您的情况下,显式宽度不是一个选项,所以文本对齐将是最好的选择。

2q5ifsrm

2q5ifsrm2#

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

ocebsuys

ocebsuys3#

与使用“float”来控制文本的方向不同,您可能希望使用“text-align”并将其应用于a标签的父标签。“text-align:center;”将应用于父级中的所有内联元素(如)。请参阅text-alignfloat文档/教程。

wmtdaxz3

wmtdaxz34#

在CSS中使用此选项可使浮动div内的div文本居中

position: absolute;
text-align: center;
width: 100%;

相关问题