gpt4 book ai didi

html - CSS 文本对齐不起作用

转载 作者:太空宇宙 更新时间:2023-11-04 01:46:41 25 4
gpt4 key购买 nike

我尝试在 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);
}

文本对齐的剂量:中心与错误有关,如果这是真的,那么我该如何覆盖/修复此错误

最佳答案

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

text-align 属性在您的示例中确实有效。只是文本与其容器对齐。在这种情况下,它和它的内容一样大。因此您不会看到任何差异。

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

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>

关于html - CSS 文本对齐不起作用,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/44357072/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com