EmberJS & CSS：空文本的跨度标题工具提示答案

【问题标题】：EmberJS & CSS: Span title tooltip for empty textEmberJS & CSS：空文本的跨度标题工具提示
【发布时间】：2017-08-31 15:06:18
【问题描述】：

我正在使用

<span title="Tooltip Text">Hover here</span>

使用 EmberJS 的车把模板创建一个简单的工具提示。

span 元素中的文本是动态的并且不断变化。

例如，

<span title="Tooltip Text"></span>

有时会因此而出现。

但是，innerText 为空时不渲染，innertext 为空时不显示工具提示。我的要求是即使 span 元素中没有内部文本也要创建一个工具提示。

有可能吗？

【问题讨论】：

【解决方案1】：

好吧，您似乎不太可能希望在其中没有任何内容时显示工具提示，这可能就是为什么默认情况下工具提示没有任何内容时根本不显示的原因。

考虑到您无论如何都希望它显示，您是否尝试过将其默认为“”（空格）？

也许可以。

【讨论】：

【解决方案2】：

你可以试试"Braille Pattern Blank"，这是一个对我有用的不可见的非空白字符：

div {
 background-color:#efefef;
}

&lt;div title="hey"&gt;⠀&lt;/div&gt;&lt;!-- “⠀” (U+2800) --&gt;

【讨论】：