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

概述我有一个应用程序,我们有一行是一个flex容器,包含构成该行的多个文本跨度. 这会导致一种奇怪的情况,如果您复制该行,则会在每个跨度之间获得换行符.然而,如果你使用任何其他方式布置线,你可以在一行中得到它. 以I have set up a codepen here为例.复制2行并将它们粘贴到文本编辑器(或此处的注释)中,看看第一行是单行,第二行是3行. 有没有人遇到过这个问题？这真让我烦恼.我知 我有一个应用程序,我们有一行是一个flex容器,包含构成该行的多个文本跨度.

这会导致一种奇怪的情况,如果您复制该行,则会在每个跨度之间获得换行符.然而,如果你使用任何其他方式布置线,你可以在一行中得到它.

以I have set up a codepen here为例.复制2行并将它们粘贴到文本编辑器(或此处的注释)中,看看第一行是单行,第二行是3行.

有没有人遇到过这个问题？这真让我烦恼.我知道我可以覆盖复制并尝试删除新行,但这感觉非常Hacky.

div.flex {  display: flex;}

Example of copying multiple spans in flex.<br /> Try copying and pasting the 2 lines below:<br /><br /><div >  <span>This</span>  <span>is</span>  <span>non-flex</span></div><div >  <span>This</span>  <span>is</span>  <span>flex</span></div>

解决方法 你将不得不寻找另一种解决方案.

在flex容器中,子元素(“flex items”)被自动“阻塞”(details).

这意味着flex项具有块级元素的一些特征,包括占用行中的所有空间.

您可能想要设置要显示的项目：内联.这将是浪费时间. flex项的显示值由flex算法控制,任何覆盖该设置的尝试都将被忽略.

总结

以上是内存溢出为你收集整理的html – 删除从Flex容器复制的文本中的换行符全部内容，希望文章能够帮你解决html – 删除从Flex容器复制的文本中的换行符所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。