Предотвращение разрывов строк, скопированных в буфер обмена в макете сетки - PullRequest
Новая
       7

Предотвращение разрывов строк, скопированных в буфер обмена в макете сетки

0 голосов
/ 05 февраля 2020

Я работаю с данной 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

1 Ответ

0 голосов
/ 05 февраля 2020

Выбор контента в любом случае не причинит вам вреда, но все же добавьте одно маленькое решение для решения: 

<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>

)

...