css - text-overflow: オーバーフローを使用しない li の省略記号: hidden

Question

<li>長さが不明なテキスト (ユーザーが変更可能) を含むタグがあります。だから私は省略記号をそれに設定しようとして<li>いますが、運がありません。overflow: hiddenこの中にあるカスタム ツールチップを作成したため、設定できません。設定されて<li>いる場合overflow: hidden、ツールチップは表示されません。これは私が試したものです：

<ul>
<li class="title">Some very long text</li>
<li> ... </li>
</ul>

ul {
    list-style: none;
    min-width: 50px;
    width: 100px;
    margin: auto;
    display: inline-table;
    margin-right: 5px;
}

.title {
    height: 25px;
    line-height: 25px;
    text-align: center;
    width: 140px;
    white-space: nowrap;
    text-overflow: ellipsis;  
}