当文字较小且带有类别时，缩小范围

Question

我希望<span>缩小至可能的最小值，但取最大宽度（由col-md-*分配）。
我希望所有这一切都在一行，所以我已经分配了每个span一些col-md-*。重叠不应该是可见的，意思是如果article name更大，那么它可以从显示截断。

<div style="" ng-repeat=""> 
    <div class="row-fluid"> 
    <span class="col-md-2"><a href="">User Name</a></span> 
    <span class="col-md-3">created New Article</span> 
    <span class="col-md-5"><a href="">A new Article name for my next article.</a></span> 
    <span class="col-md-2">on Web Designing</span> 
    </div> 
    <div class="row-fluid pull-right"> 
    <span class="col-md-12 pull-right">Timestamp</span> 
    </div> 
</div> 

jsFiddle

电流输出 https://jsfiddle.net/errhunter/dfufu058/embedded/result/

预期输出 https://jsfiddle.net/errhunter/0f33ddLL/embedded/result/ 在预期我删除所有引导类col-md-*。

Answer 1

将此css添加到您的排液应该可以解决问题。

.row-fluid { 
white-space: nowrap; 
overflow: hidden; 
text-overflow: ellipsis; 
}