span标签在设置display:inline-block后，文字想均匀排开

要使用span标签并将其display属性设置为inline-block，并使文字均匀排开，可以通过设置text-align: justify属性来实现。这会让inline-block元素中的文本两端对齐，看起来就像均匀排开的一样。

下面是一个简单的例子：

HTML:

<div class="container">
  <span>第一个文本</span>
  <span>第二个文本</span>
  <span>第三个文本</span>
</div>

CSS:

.container span {
  display: inline-block;
  text-align: justify;
  margin-right: 10px; /* 可选，为了在span之间添加间隔 */
}
 
/* 最后一个span不需要间隔，所以排除 */
.container span:last-child {
  margin-right: 0;
}
 
/* 使用伪元素为最后一个span后面填充空间，以确保对齐 */
.container span:last-child:before {
  content: '';
  display: inline-block;
  width: 100%;
}

在这个例子中，每个span元素都是inline-block，并且使用了text-align: justify，这使得每个span看起来的宽度是均匀分布的。通过在最后一个span添加一个伪元素，并给它设置width: 100%，可以确保最后一个span后面有额外的空间，这样前面的文本也能够两端对齐。