javascript - 隐藏文本中的特定单词而不添加新标签

Question

我有这个代码:

<div>Lorem ispum custom test</div>

我只会隐藏而不删除“自定义”一词而不添加任何新标签。

我该怎么办？谢谢

Answer 1

您可以使用 mask 或剪辑路径。请注意，这不是一个可靠的解决方案，因为您需要根据字体属性和实际文本调整值:

.box {
  /* the text to hide start at 90px and end at 137px */
  -webkit-mask:linear-gradient(to right,#fff 90px,transparent 0 137px,#fff 0)
}

<div class="box">Lorem ispum custom test</div>

带剪辑路径:

.box {
  /* the text to hide start at 90px and end at 137px */
  clip-path: polygon(0 0, 90px 0, 90px 100%, 137px 100%, 137px 0, 100% 0, 100% 100%, 0 100%);
}

<div class="box">Lorem ispum custom test</div>