我有一个应用程序,我们有一行是一个flex容器,包含构成该行的多个文本跨度.
这会导致一种奇怪的情况,如果您复制该行,则会在每个跨度之间获得换行符.然而,如果你使用任何其他方式布置线,你可以在一行中得到它.
我在这里设置了一个codepen作为例子.复制2行并将它们粘贴到文本编辑器(或此处的注释)中,看看第一行是单行,第二行是3行.
之前有没有人come遇到过这个问题?这真让我烦恼.我知道我可以覆盖复制并尝试删除新行,但这感觉非常hacky.
div.flex {
display: flex;
}Run Code Online (Sandbox Code Playgroud)
Example of copying multiple spans in flex.
<br /> Try copying and pasting the 2 lines below:
<br />
<br />
<div class="non-flex">
<span>This</span>
<span>is</span>
<span>non-flex</span>
</div>
<div class="flex">
<span>This</span>
<span>is</span>
<span>flex</span>
</div>Run Code Online (Sandbox Code Playgroud)