CSS 文本对齐不起作用

2024-04-30

我尝试在 CSS 中使用文本对齐,但它不起作用。 这是CSS,我也将所有主体设置为居中,这与某些事情有关吗? 这是我的CSS:

#Swell {
	text-align: left;
}

这是我的 HTML:

<a id="Swell" href="https://www.swell.com">Use Swell Bottles<img src="https://s-media-cache-ak0.pinimg.com/originals/f9/93/95/f99395b48463ee8d3bfa16f32df51c98.jpg" height="50"></a>

还有我的 CSS 正文文本对齐:

body {
font-family: sans-serif;
text-align: center; 
background-color: rgb(128, 212, 255);
}

剂量 text-align: center 与错误有关,如果这是真的那么我如何覆盖/修复这个错误


锚元素<a>默认情况下是一个内联元素。这意味着它本身没有宽度或高度,而是与其内容一样大。

text-align 属性在您的示例中确实有效。只是文本相对于它的容器是对齐的。在本例中,其大小与其内容完全相同。因此您不会看到任何差异。

尝试将锚元素的显示属性设置为阻止,看看会发生什么。

a{
display:block;
text-align:right;
}
<a>Blocking beautiful</a>

编辑:更符合您的示例:

body{
text-align:center;
}

a{
display:block;
text-align:left;
}
<body>
<a>Still beautiful</a>
<span>centered</span>
</body>
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

CSS 文本对齐不起作用 的相关文章

随机推荐