Question

希望将div中的多个元素中的一个居中。使用text-align：center分配div的问题在于它将它们全部定位。这样做有简单的方法吗？

HTML

<div>
    <span>Span 1</span>
    <br>
    <span>Span 2</span>
</div>

CSS

div {background: gray; width: 250px;}

Answer 1

将样式放在跨度上，或者给它一个id / class并像这样添加display:block：

<div>
  <span id="span1">Span 1</span>
  <br>
  <span>Span 2</span>
</div>

#span1 {
  text-align: center;
  display:block;
}

Answer 2

您可以定位:first-child上的:last-child或span，或者使用nth-of-type(value-here)，如果它不是第一个或最后一个，而是订单中的另一个