如何在双击时在弹性框中选择两个跨度元素？答案

【问题标题】：How to make two span elements selectable in flex box on double click?如何在双击时在弹性框中选择两个跨度元素？
【发布时间】：2023-01-20 20:32:57
【问题描述】：

当您双击 <div> 中的两个 <span> 元素之一时，您将选择整个单词

<div style="display: block;">
  <span>para</span><span>cetamol</span>
</div>

但是，如果您在 flex 样式的 div 中双击，它只会选择一个词：

<div style="display: flex;">
  <span>para</span><span>cetamol</span>
</div>

如何在没有 js 的情况下双击 flex 框中的两个 span 元素？

【问题讨论】：

【解决方案1】：

您可以添加属性：

user-select: all

所以你的代码应该改为：

<div style="display: flex; user-select: all">
  <span>para</span><span>cetamol</span>
</div>

【讨论】：