文本对齐不以特定方式工作[重复]答案

【问题标题】：text-align not working specific way [duplicate]文本对齐不以特定方式工作[重复]
【发布时间】：2018-05-29 05:58:12
【问题描述】：

我想知道为什么.sisa span{} 不工作但.sisa,span{} 工作？这是否意味着没有逗号，您只需选择该类中的所有跨度？所以它也应该工作？

<!DOCTYPE html>
<html>
<head>
<title> html5</title>
<meta charset="UTF-8"/> 
<style>

div.sisa{
    width: 515px;
    height: 230px;
    border: 1px solid #73AD21;
    background-color: #adfab7;
}
.sisa span{
text-align:center;

}
</style>
</head>
<body>
<form >
	 <div class="sisa">
<span>Esim. postinumero tai kunta </span>

	  </div>	
</form>	
</body>
</html>

【问题讨论】：

@dippas 这不是关于是否有空间的区别，而是关于是否有空间或,

标签： css html

【解决方案1】：

当与空格一起使用时，您的选择器将定位span 的内容并将其居中，但它是适合其内容的inline element，因此没有任何内容可居中。当与 , 一起使用时，您将中心应用于 div（因此您将其内容居中，包括 span 元素）和将中心应用于 span 但它没用。

所以你只需要这个：

div.sisa {
  width: 515px;
  height: 230px;
  border: 1px solid #73AD21;
  background-color: #adfab7;
}

.sisa {
  text-align: center;
}

span {
  border:1px solid red;
}

<form>
  <div class="sisa">
    <span>Esim. postinumero tai kunta </span>

  </div>
</form>

【讨论】：

以您的方式定位“sisa”类中的所有内容，但我只想定位“span”内的文本，而不是更多
@waleedd32 但是span是一个内联元素，你不能在里面做任何事情..检查更新，我添加了一个边框来看看区别
我通过将 span 作为一个块来修复它然后它工作了
@waleedd32 在这种情况下使用 div 比使用 span 更好；) 因为 div 已经是一个块元素