展开文字

Question

我一直试图找出一种方法来扩展句子中的文本（类似于可折叠部分）。我希望能够写一个句子并使某些单词可单击以展开并显示更多文本。我发现的所有方式都在单击的单词或按钮下方创建了一个部分，以进行扩展和收缩。有没有办法做到这一点？

示例： 以下是我对电影 Deadpool

的看法

单击Deadpool

关于电影 Deadpool 的想法，我想说几句话，这是一部电影，我等不及要再看了。

Answer 1

您可能正在寻找HTML5的<details>标签：

details,
details[open],
summary {
  display: inline;
}

summary {
  cursor: pointer;
  font-weight: bold;
}

Here are a few words on my thought about the movie <details><summary>Deadpool</summary> it was so well shot and a movie I just can't wait to see again.</details>

Answer 2

我发现最好的是 StretchText，用 js 实现。

如果您对其他显示器开放，您的问题可以通过 popup 或 toggle text，也在 w3schools 上。

FWIW，有可能破解 details 的 css（另一个答案）。