CSS 文本对齐不起作用

新的

我尝试在 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] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

文本对齐不起作用(css)

来自分类Dev

文本对齐不起作用(css)

来自分类Dev

CSS文本对齐中心不起作用

来自分类Dev

CSS文本对齐不起作用

来自分类Dev

css / html-网格十六进制中的居中对齐文本不起作用

来自分类Dev

html&css-以正确方式对齐的图像和文本不起作用

来自分类Dev

CSS“文本装饰:无”不起作用

来自分类Dev

垂直对齐不起作用CSS / HTML

来自分类Dev

CSS菜单下拉对齐在Chrome中不起作用

来自分类Dev

CSS引导程序对齐问题-向右拉不起作用

来自分类Dev

垂直对齐不起作用CSS / HTML

来自分类Dev

CSS菜单下拉对齐在Chrome中不起作用

来自分类Dev

垂直对齐CSS不起作用的HTML

来自分类Dev

内联块的CSS垂直对齐不起作用

来自分类Dev

CSS中的垂直对齐不起作用

来自分类Dev

css 变换:翻译以对齐中心的 div 不起作用

来自分类Dev

CSS不起作用?

来自分类Dev

li菜单中的CSS文本填充不起作用

来自分类Dev

多行CSS渐变文本不起作用

来自分类Dev

基于CSS类和文本的元素排序不起作用

来自分类Dev

HTML形式的文本输入类型的CSS不起作用

来自分类Dev

CSS溢出和文本溢出不起作用?

来自分类Dev

反转文本在css中不起作用

来自分类Dev

文本数组的javaFX css样式不起作用

来自分类Dev

css。文本溢出不起作用:省略号

来自分类Dev

文本对齐:对齐不起作用

来自分类Dev

外部CSS不起作用

来自分类Dev

角度的CSS不起作用

来自分类Dev

CSS“内容”不起作用