我刚注意到一个奇怪的问题。假设您有以下HTML:

案例N°1:

这是一起呈现的:

<span>123</span><span>456</span>

当你双击这个（我使用的是Chrome）时，整个都会被选中。如果要在它们之间添加空格...

案例N°2:

单独获取文本

<span>123</span><span>456</span>

并双击分别选择它们中的每一个。现在让我们移除空格并引入浮点数:

案例N°3:

这一次文本按如下方式分别呈现:

<span>123</span><span>456</span>

但是，双击任一个仍然会选择两个元素--我猜是因为在HTML中它们在技术上仍然是相邻的。让我们把空间放回:

案例N°4:

结果看起来仍然相同...

<span>123</span><span>456</span>

和-惊讶-双击其中任何一个仍然选择。什么给？

有趣的是，更改为修复问题。多玩一些，如果至少有一个元素有，那么奇怪的行为就会出现，只有两个元素都有，它才会正常工作。此外，这也适用于if而不是I使用。

我想阻止这种奇怪的行为。为什么会出现这种情况，我该如何应对？

顺晟科技：

添加一个（或）而不是空格。这将强制空间呈现并将文本一分为二。

空白在HTML中被自动截断，因此常规空间被忽略，因为它理论上不再影响流。您还可以使用CSS属性强制呈现它。

最后，如果您不想看到这个空格，请将容器的字体大小设置为0，并将跨度的字体大小设置为您想要的大小。（对于零宽度空间，不需要这样做）