防止多个html元素'；双击选择

当我双击文本“五”时，所有其他元素也被选中。例如，复制/粘贴结果为“一个三个四个五”。而且它们甚至不容易被取消选择

如何避免这种多文本选择行为

.App{
位置：相对位置；
文本对齐：居中；
高度：3em；
宽度：20em；
框大小：边框框；
}
.项目{
位置：绝对位置；
排名：0；
高度：3em；
宽度：5em；
背景色：暗绿色；
边框：1px纯绿色；
指针事件：无；
}
.一{
左：0；
}
.二{
左：5em；
}
.三{
左：10em；
}
.4{
左：15em；
}
.5{
左：20em；
}

一
二
三
四
五

请检查此链接。我更改了一些css代码

  .item {
    float:left;
    height: 3em;
    width: 5em;
    background-color: darkseagreen;
    border: 1px solid green;
    display:block;
  }

请检查此链接。我更改了一些css代码

  .item {
    float:left;
    height: 3em;
    width: 5em;
    background-color: darkseagreen;
    border: 1px solid green;
    display:block;
  }

---

这似乎是Chrome在使用float时的一个问题——float删除了项目之间的空白，因此所有文本都在一起运行

您可以删除浮动并在父级上设置

display:flex

，或在子级div中添加空格。无论哪种方式，都不要使用

指针事件：无，因为这样您只能与父项交互


.App{
位置：相对位置；
文本对齐：居中；
高度：3em；
宽度：20em；
框大小：边框框；
}
.项目{
位置：绝对位置；
排名：0；
高度：3em；
宽度：5em；
背景色：暗绿色；
边框：1px纯绿色；
}
.一{
左：0；
}
.二{
左：5em；
}
.三{
左：10em；
}
.4{
左：15em；
}
.5{
左：20em；
}

一
二
三
四
五
在Chrome中使用浮动时，这似乎是一个问题-浮动删除了项目之间的空白，因此所有文本都在一起运行

您可以删除浮动并在父级上设置
display:flex
，或在子级div中添加空格。无论哪种方式，都不要使用
指针事件：无，因为这样您只能与父项交互


.App{
位置：相对位置；
文本对齐：居中；
高度：3em；
宽度：20em；
框大小：边框框；
}
.项目{
位置：绝对位置；
排名：0；
高度：3em；
宽度：5em；
背景色：暗绿色；
边框：1px纯绿色；
}
.一{
左：0；
}
.二{
左：5em；
}
.三{
左：10em；
}
.4{
左：15em；
}
.5{
左：20em；
}

一
二
三
四
五
我刚刚遇到了这个问题，我通过将
display:inline table
放在
项
元素上解决了这个问题


.App{
位置：相对位置；
文本对齐：居中；
高度：3em；
宽度：20em；
框大小：边框框；
}
.项目{
位置：绝对位置；
排名：0；
高度：3em；
宽度：5em；
背景色：暗绿色；
边框：1px纯绿色；
显示：内联表；
}
.一{
左：0；
}
.二{
左：5em；
}
.三{
左：10em；
}
.4{
左：15em；
}
.5{
左：20em；
}

一
二
三
四
五
我刚刚遇到了这个问题，我通过将
display:inline table
放在
项
元素上解决了这个问题


.App{
位置：相对位置；
文本对齐：居中；
高度：3em；
宽度：20em；
框大小：边框框；
}
.项目{
位置：绝对位置；
排名：0；
高度：3em；
宽度：5em；
背景色：暗绿色；
边框：1px纯绿色；
显示：内联表；
}
.一{
左：0；
}
.二{
左：5em；
}
.三{
左：10em；
}
.4{
左：15em；
}
.5{
左：20em；
}

一
二
三
四
五
还是一样的问题-当我点击文本“五”时，所有其他元素也被选中。例如，复制/粘贴结果为“一个三个四个五”。而且它们甚至不容易被取消选择！对不起，是我双击的时候。我已经更新了问题。请现在检查代码笔。希望它能起作用。如果这个答案有效，它将需要解释为什么这个解决方案有效才能成为一个“好”答案。仍然是相同的问题——当我点击文本“五”时，所有其他元素也被选中。例如，复制/粘贴结果为“一个三个四个五”。而且它们甚至不容易被取消选择！对不起，是我双击的时候。我已经更新了问题。请现在检查代码笔。希望它能起作用。如果这个答案有效，它需要解释为什么这个解决方案有效才能成为一个“好”答案。