我正在使用给定的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
选择内容无论如何都不会伤害您,但仍会添加一个小的解决方案来解决:
<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>
)