相关疑难解决方法(0)

删除从Flex容器复制的文本中的换行符

我有一个应用程序,我们有一行是一个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)

html css css3 flexbox

6
推荐指数
1
解决办法
706
查看次数

标签 统计

css ×1

css3 ×1

flexbox ×1

html ×1