如何解决选择文本时跨度之间的可选填充
在选择文本时,如何在span
之间选择填充?
.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或上下文菜单(非编程方式)。
解决方法
letter-spacing
CSS属性完成工作。
我唯一需要做的就是另外更改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>
,
为什么要使用填充而不是常规空格?
css
span {
font-size: 20px
}
html
<span>123 456 789</span>
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。