Question

我在网站上选择文字时遇到了一些麻烦。我希望能够选择纯文字和＆amp;而不是文本任何一边的段落之间的多余空格。

目前，我可以使用::selection＆amp;拥有自己的背景颜色。不过我相信我的代码都是搞砸了我只是无法找到如何做到这一点。

以下网站正是我想要它做的，在选择文本时，段落之间的空格永远不会被选中。

Demo site - Formula one

任何＆amp;非常感谢所有的帮助，谢谢！

Answer 1

如果你只是使用<p>元素来包装每个段落（这就是<p>元素所存在的那个，那就是它的命运。你想否认它做它的意思吗？），浏览器将自己做魔术： - ）

查看simplest JsFiddle i've ever created： - ）

Answer 2

如果您对如何在公式网站中实现效果感兴趣，以下是所有相关部分 - jsfiddle。（我改变了@Ronen Cypis的小提琴）。

如您所见，它使用隐藏的覆盖层

.fom-modal-shim {
  position:absolute;
  left:0;
  top:0;
  right:0;
  bottom:0;
  width:100%;
  height:100%;
  z-index:1000;

  -moz-opacity:0;
  -khtml-opacity:0;
  -webkit-opacity:0;
  opacity:0;
  -ms-filter:alpha(opacity=0);
  filter:alpha(opacity=0);
  visibility:hidden
}

通过将页面容器的position设置为relative来实现最终效果。

.site-wrapper {
  position:relative
}

使用CSS选择除空白空间以外的文本

2 个答案: