宽度和换行符在之前的跨度元素

Question

我正在从API接收内容，该API包含几个span元素，后跟未标记的文本。

例：

<span>1</span> Some text. <span>2</span> Some text.

我希望跨度之前具有设置的宽度和换行符。

例：

 1 Some text.

 2 Some text.

跨度上的“ display：block”允许width属性，但在每个跨度之后也会创建一个中断。

“ display：inline-block”允许width属性，但是我之前不知道如何创建换行符。

将跨度保留为“ display：inline”可以在每个跨度之前使用换行符（使用:: before内容）。但是，不能为内联元素指定width属性（据我所知）。

Answer 1

为了获得预期的结果，请使用下面的内容和空格选项

span::before {
  content: "\A";
  white-space: pre;
}

<span>1</span> Some text. <span>2</span> Some text.

codepen- https: //codepen.io/nagasai/pen/RdmxrR