防止将换行符复制到网格布局的剪贴板中

问题描述 投票:0回答:1

我正在使用给定的HTML结构,我无法修改。通过CSS,我将元素安排在视觉上适合我需要的网格布局中,但是在复制文本时,在每个块之间添加了一个换行符,这是我不想要的。

下面是一个例子:

div {
  display: inline-grid;
  grid-template-columns: repeat(5, auto);
}
span { display: block }
<div>
  <span>1</span><span>+</span><span>3</span><span>=</span><span>4</span>
</div>

[使用Chromium 79进行选择时,将其复制到剪贴板,然后将其粘贴到某处,结果如下:

1
+
3
=
4

在FireFox 72中,我得到了我想要的:

1+3=4
css css-grid chromium
1个回答
0
投票

选择内容无论如何都不会伤害您,但仍会添加一个小的解决方案来解决:

<html>
<head>
<style>
div {
  display: inline-grid;
  grid-template-columns: repeat(5, auto);
  display:inline-block;
}

</style>
</head>
<body>
<div>
  <span>1</span>
  <span>+</span>
  <span>3</span>
  <span>=</span>
  <span>4</span>
</div>
</body>
</html>

© www.soinside.com 2019 - 2024. All rights reserved.