css - 如何在 css 中定义换行符，这也会影响标签跨度

Question

我有以下自定义 CSS

<style>
p.mycode {border-width:1px;border-style: dashed;}
.mycode span {
  display:block;

}
</style>

我测试的html代码是：

<p class="mycode"><span style="color: blue;">select </span><span style="color: black;">1<br></span><span style="color: blue;">select </span><span style="color: black;">2</span></p>

这是我得到的

但是，我需要的是如下

有没有办法在 CSS 中做到这一点，而无需修改 html 部分......我不想添加更多的 span 标签。

标签： csswordpress

Answer 1

    <p class="mycode">
<span class="d-block">
<span style="color: blue;">select </span>
<span style="color: black;">1</span>
</span>
<span class="d-block">
<span style="color: blue;">select </span><span style="color: black;">2</span>
</span></p>

<style>
p.mycode {border-width:1px;border-style: dashed;}
.d-block {
  display:block;

}
</style>