Question

这是一个示例文本

Label: Some-text-here

我怎么能拥有它所以当我三次点击它试图突出显示的行时，有些文本 - 而不是全行？我发誓我以前用css看过它，我只是想不出办法

Answer 1

<span style="float:left">Label</span><span style="float:left">Some-text-here</span>

JsFiddle.

Answer 2

如果你使用花车将文本放在彼此旁边，它们仍将被视为单独的段落，并达到预期的效果。

<html>
<body>
    <div style="float:left">Label:</div> 
    <div style="float:left">some text here</div>
</body>
</html>

Answer 3

在某些情况下，从选择中豁免某些部分文本也可能是适当的。 实验性 user-select样式可用于此目的，如下所示：

.unselectable {
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
}

<span class='unselectable'>Label: </span>some text here

Answer 4

这在某种程度上是AXO答案的扩展，但是完美的CSS规则是user-select: contain;，它将防止选择超出元素边界。但是，只有IE / Edge支持此值。

尽管user-select: all;和user-select: none;的一个有趣特性是all只需单击一下即可突出显示整个元素，并且all可以放在{{1}内}，如果您将none放在带有contain的父元素中的所需元素上，则会产生与user-select: all;类似的效果。如果您要防止选择的元素之间也有裸文本，则此功能特别有用，但是请注意，使用此解决方案，选择内容仍可以扩展到父元素之外，并跳过它，因此它并不真正包含选择内容

示例：

user-select: none;

.unselectable {
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
}
.selectall {
  -moz-user-select: all;
  -webkit-user-select: all;
  -ms-user-select: all;
}

如何控制三击突出显示？（HTML）

4 个答案:

如何控制三击突出显示？ （HTML）

4 个答案:

如何控制三击突出显示？（HTML）