如何从 <pre> 中删除一行而不留下空行？

Question

给定包含多个 <span> 的 <pre>，您将如何删除其中一个 <span> 而不留下空行？

span {
    background-color: blue;
}
#text2 {
    display: none;
}

<pre>
    <span id="text1">SOME RANDOM TEXT</span>
    <span id="text2">SOME RANDOM TEXT</span>  
    <span id="text3">SOME RANDOM TEXT</span>
</pre>

我试过切换到 <div> 并使用 white-space，但结果不一样。

Answer 1

set pre white-space:nowrap 并设置 span display 为 table or block

pre{
      white-space:nowrap;/* nowrap or normal will give you same output*/
}
span {
    display:table;/* use table for same output. you can try display block also */
    background-color: blue;

  
}
#text2 {
    display: none;
}

<pre>
 <span id="text1">SOME RANDOM TEXT</span>
 <span id="text2">SOME RANDOM TEXT</span>  
 <span id="text3">SOME RANDOM TEXT</span>
</pre>

如何从 <pre> 中删除一行而不留下空行？

How do you remove a line from <pre> without leaving an empty line?

html

css

pre

display