CSS文本对齐不起作用

我试图在CSS中使用文本对齐，但它不起作用。这里是CSS，我也有所有的身体设置为中心，这是否与某事有关？这里是我的CSS：CSS文本对齐不起作用

#Swell { 
 
\t 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的text-align：

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

剂量的text-align：中心有错误做，如果这是真的，那么我该如何改写/修正这个错误

来源

2017-06-04 Stay Calm and love school buse

HTML

<div id="parentdiv"> 
    <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> 
</div>

CSS

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

#parentdiv { 
    text-align: left; 
}

示例

<html> 
 
<style> 
 
body { 
 
font-family: sans-serif; 
 
text-align: center; 
 
background-color: rgb(128, 212, 255); 
 
} 
 
    
 
#parentdiv { 
 
text-align: left; 
 
} 
 
</style> 
 
<div id="parentdiv"> 
 
<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> 
 
</div> 
 
</html>

来源

2017-06-04 17:55:36 Raj

的锚元件<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>

来源

2017-06-04 18:05:25 phil

请考虑标志着答案，如果它帮助你@klaartje – phil

对不起，我的意思@保持冷静，热爱学校 – phil

CSS文本对齐不起作用

回答

相关问题