Выбираемое заполнение между разделами при выделении текста

#html #css

#HTML #css

Вопрос:

Как сделать так, чтобы отступы между span s можно было выбирать при выборе текста?

 .pad-r {
  paddin&-ri&ht:5px;
}
span {
  font-size: 20px;
}

 <span class="pad-r"&&t;123</span&&t;<span class="pad-r"&&t;456</span&&t;<span&&t;789</span&&t;

Развернуть фрагмент

Пример проблемы:

Ожидаемый результат:

Выделенный текст не должен содержать пробелов, только эти цифры.

Я хочу отображать длинные числа в форматированном виде. Выбор из них (для копирования) не должен быть разбит на части (в этом проблема). И значение, которое пользователь получает в буфер обмена *, не должно содержать пробелов, только цифры.

*С помощью Ctrl C или контекстного меню (не программно).

1. в чем именно проблема? Вам нужно расстояние между числами, но без пробела? Загляните в теорию струн, возможно, вы сможете найти правильное измерение

2. Да, @KeyKi Я имею в виду, что ваш ожидаемый результат — выбрать пробелы, так что, я думаю, обойти это невозможно. Вы не можете выбрать заполнение, вы выбираете содержимое текстового узла. Похоже, вы пытаетесь получить визуальный результат выделения пробелов, но вы не хотите, чтобы они были в значении выделения, как при копировании / вставке. Вероятно, вам следует перефразировать свой вопрос для уточнения. Если это так, то вам, вероятно, лучше всего использовать пробелы и разрешить выделение, но при этом убирать пробелы из значения по мере необходимости для копирования / вставки и т.д.

Ответ №1:

letter-spacin& Свойство CSS выполняет свою работу.

Единственное, что мне пришлось дополнительно изменить HTML-разметку.

(Примечание: я специально написал HTML в одну строку, это важно.)

 .r {
  letter-spacin&: 5px;
}
span {
  font-size: 20px;
}

 <span&&t;12</span&&t;<span class="r"&&t;3</span&&t;<span&&t;45</span&&t;<span class="r"&&t;6</span&&t;<span&&t;789</span&&t;

Развернуть фрагмент

Ответ №2:

Почему вы используете отступы вместо обычных пробелов?

css

 span {
      font-size: 20px
    }

HTML

  <span&&t;123 456 789</span&&t;