我正在做我的第一个Tumblr主题使用教程,我在这方面完全是一个新手。
.metadata a { display: inline-block; float: center; margin-left: 2%; }
我希望帖子居中,但唯一有效的方法是浮动:左移和浮动:右我该怎么办?请解释清楚,因为正如我所说,我完全是个新手,而且我的母语不是英语。
m1m5dgzv1#
您只能向左或向右浮动,因此这里不提供浮动选项。将text-align: center添加到a标签的父元素中,这不仅会使文本居中,而且会使其他内联和内联块元素居中,就像你的元素一样。另一种居中元素的方法是给元素给予display: block; margin 0 auto。“自动”左右边距会使元素居中。这是居中元素的常用技巧,但它只适用于块元素(或display: block元素)。这也意味着你必须指定宽度,因为如果你不指定,块元素将消耗100%的父元素宽度。我认为在您的情况下,显式宽度不是一个选项,所以文本对齐将是最好的选择。
text-align: center
display: block; margin 0 auto
display: block
2q5ifsrm2#
抱歉,没有float: center;。请使用margin: 0 auto;将块级元素居中,使用text-align: center;将内联元素居中。
float: center;
margin: 0 auto;
text-align: center;
ocebsuys3#
与使用“float”来控制文本的方向不同,您可能希望使用“text-align”并将其应用于a标签的父标签。“text-align:center;”将应用于父级中的所有内联元素(如)。请参阅text-align和float文档/教程。
wmtdaxz34#
在CSS中使用此选项可使浮动div内的div文本居中
position: absolute; text-align: center; width: 100%;
4条答案
按热度按时间m1m5dgzv1#
您只能向左或向右浮动,因此这里不提供浮动选项。
将
text-align: center
添加到a标签的父元素中,这不仅会使文本居中,而且会使其他内联和内联块元素居中,就像你的元素一样。另一种居中元素的方法是给元素给予
display: block; margin 0 auto
。“自动”左右边距会使元素居中。这是居中元素的常用技巧,但它只适用于块元素(或display: block
元素)。这也意味着你必须指定宽度,因为如果你不指定,块元素将消耗100%的父元素宽度。我认为在您的情况下,显式宽度不是一个选项,所以文本对齐将是最好的选择。
2q5ifsrm2#
抱歉,没有
float: center;
。请使用margin: 0 auto;
将块级元素居中,使用text-align: center;
将内联元素居中。ocebsuys3#
与使用“float”来控制文本的方向不同,您可能希望使用“text-align”并将其应用于a标签的父标签。“text-align:center;”将应用于父级中的所有内联元素(如)。请参阅text-align和float文档/教程。
wmtdaxz34#
在CSS中使用此选项可使浮动div内的div文本居中