根据内容长度显示工具提示

Question

当内容无法放入元素内时，是否可以显示工具提示？使用title属性会显示工具提示。

我用谷歌搜索some examples，但没有关于显示条件的工具提示。

在此示例中，我想在文本太长时看到工具提示 ：

＆＃13;

＆＃13;

.limiter
{
  width: 100px;
}

.container
{
  margin: 4px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  border: 1px solid #000000;
}

＆＃13;

<div class="limiter">
<div>Hover cells:</div>
<div class="container" title="short text">short text</div>
<div class="container" title="short">short</div>
<div class="container" title="long text long text long text">long text long text long text</div>
</div>

＆＃13;

＆＃13;

＆＃13;

可以使用JavaScript。

限制：

• 我事先不知道，单元格将包含哪些文字（基本上它是angularjs的模板）
• 我事先不知道，可以显示多少个字母
• 用户可以调整单元格大小