时间戳

首页 > 解决方案 > 文本选择时跨度之间的可选填充

html - 文本选择时跨度之间的可选填充

问题描述

span选择文本时如何使 s 之间的填充可选？

.pad-r {
  padding-right:5px;
}
span {
  font-size: 20px;
}
<span class="pad-r">123</span><span class="pad-r">456</span><span>789</span>

问题的例子：

在此处输入图像描述

预期结果：

在此处输入图像描述

所选文本不应包含空格字符，只能包含这些数字。

我想以格式化的方式显示长数字。选择它们（为了复制）不应该被吐到部分（这是问题所在）。并且用户接收到剪贴板*的值应该没有空格，只有数字。

*通过 Ctrl+C 或上下文菜单（非编程方式）。

标签： htmlcss

解决方案

letter-spacingCSS 属性完成了这项工作。

我唯一需要额外更改的 HTML 标记。

（注：我特地在一行写了HTML，很重要。）

.r {
  letter-spacing: 5px;
}
span {
  font-size: 20px;
}
<span>12</span><span class="r">3</span><span>45</span><span class="r">6</span><span>789</span>

推荐阅读