我正在尝试让每一行都始终显示“位置(place)”。但是,当内容太长时,我希望标题上出现省略号。以下是目前我所拥有的代码:
<ul class="results">
<li class="item"> <span class="title"><a href="item.html" target="_blank">The numbers in the table specify the first browser version that fully supports the property</a></span><span class="place">Place</span>
</li>
</ul>
.item {
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap
}
http://jsfiddle.net/m6krvapf/5/
问题在于被截断的是行末,这意味着“位置”首先被切断。是否有可能始终保留该位置,并仅将省略号放在其左侧的内容上?