Css 在一个div中,两个跨度彼此相邻,其中一个位于中间

Css 在一个div中,两个跨度彼此相邻,其中一个位于中间,css,Css,我想把两个跨距放在一个div中,并将其中一个跨距居中。但是,如果文本对齐:将外部div居中,则(当然)将居中的是两个跨距的组合。下面的类的正确CSS代码是什么?谢谢 <div class="div_with_spans"> <span class="span_centered">Centered text</span><span class="span_next">More teext</span> </div> 居中文

我想把两个跨距放在一个div中,并将其中一个跨距居中。但是,如果文本对齐:将外部div居中,则(当然)将居中的是两个跨距的组合。下面的类的正确CSS代码是什么?谢谢

<div class="div_with_spans">
<span class="span_centered">Centered text</span><span class="span_next">More teext</span>
</div>

居中文本更多文本

为什么不将居中的跨度设为块元素并将其中的文本居中:

.span_居中{显示:块;文本对齐:居中;}

居中文本
更多的时间

您尝试的CSS在哪里?现在“更多文本”出现在新行上(也是在删除两个跨距之间的换行符时)。您希望对更多文本跨距发生什么情况?使用纯CSS的唯一方法是更改html结构-您需要将下一个文本放在居中文本跨距内-请参阅编辑以回答问题,这正是我想要的,谢谢你,皮特!