css 如何使两个跨度元素在flex框中双击时可选？

beq87vna 于 2023-01-22 发布在其他

关注(0)|答案(1)|浏览(112)

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

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

但是如果你双击flex styled div，它只会选择一个单词：

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

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

1条答案

您可以添加css属性：

user-select: all

因此您代码应该更改为：

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

下面是一个示例链接：JsFiddle Code