时间戳

首页 > 解决方案 > 如何使我的 HTML 可通过浏览器 Ctrl-F 搜索并使用绝对文本定位？

html - 如何使我的 HTML 可通过浏览器 Ctrl-F 搜索并使用绝对文本定位？

问题描述

通常，如果我有一个 HTML 文件，我将能够搜索“三只小猪”。通过 Ctrl F，我可以以任何我想要的方式设置整个句子的样式，即：

<span style="position: absolute; top: 163px; left: 362px; color: rgba(200, 200, 200, 0.01); font-size:15px;">Three little pigs.</span>

但是如果我想要不同颜色、样式等的单词，那么我就无法再搜索页面了。一旦我在“三”之后点击空格，搜索就会失败。

<span style="position: absolute; top: 163px; left: 362px; color: rgba(200, 200, 200, 0.01); font-size:15px;">Three </span>

<span style="position: absolute; top: 163px; left: 380px; color: rgba(200, 200, 200, 0.01); font-size:18px;">little </span>

<span style="position: absolute; top: 163px; left: 391px; color: rgba(200, 200, 200, 0.01); font-size:17px;">pigs.</span>

如何使所有单词在特定的绝对位置设置样式，但仍然是一个字符串？

标签： htmlcss

解决方案

在非常特殊的情况下（您不需要滚动，并且容器比孩子大），您可以position: absolute换成position: sticky. 这使您可以按预期在页面中找到，但也使您能够根据需要定位您的单词。

推荐阅读