Question

有没有办法用CSS隐藏 ？

我的价值就像AMBASSADOR                 (1982.03 - 1984.10)

我希望所有 都表示为一个常规空间;

<select>选项可以显示http://i.imgur.com/v3xPqMh.png

之类的内容

Answer 1

使用CSS不能只隐藏某些文本。 background-color是渲染的字符，就像字母&nbsp或G一样。您无法使用CSS选择某些字母，因此实际上无法像目前那样进行。

Answer 2

据我所知，标签内的文字没有CSS选择器。如果您尝试创建仅在某些情况下隐藏的空间，您可以尝试这样做。在这个例子中，我有一个我只想隐藏在移动设备上的空间。

＆＃13;

@media (max-width: 500px){
  .hide-mobile{
    display: none;
  }
}

＆＃13;

<p>Test<span class="hide-mobile">&nbsp;</span>Test</p>

＆＃13;

Answer 3

正如@Chris Barr所说，由于我们没有任何字符选择器，您将无法使用CSS修复此问题。

我在前端看到的最后一个选项是使用一些javascript清理文本。 dom节点将不包含文字 字符串，因此您必须使用String.fromCharCode(160)来查找和替换它们。

是的，这不适用于CSS。

const span = document.getElementById('fixMe');

const replacement = new RegExp(String.fromCharCode(160), 'g')

span.innerText = span.innerText.replace(replacement, " ");

<span id="fixMe"> AMBASSADOR&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;(1982.03 - 1984.10)
</span>

隐藏CSS

3 个答案: