我尝试在 CSS 中使用 text-align 但它不起作用。这是 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>
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句