我direction:rtl;
以相反的顺序显示,但我想在右侧截断多余的文本,而不是左侧。
.file-upload-status {
border: 1px solid #ccc;
white-space: nowrap;
overflow: hidden;
direction: rtl;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
<div class="file-upload-status" style="width:200px">
<span>*</span>
<span></span> C:\fakepath\996571_1398802860346752_2094565473_n.jpg</span>
</div>
有人可以帮助我吗?
删除方向:rtl 并在下面添加解决了我的问题
.file-upload-status {
border: 1px solid #ccc;
white-space: nowrap;
overflow: hidden;
display : flex;
flex-direction : row-reverse;
align-items: flex-start;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句