我在内显示产品标题<span>
。如果空间不足,我希望标题被截断。我试过了text-overflow: clipping
,但是它没有采用右边的填充。所以我用text-overflow: ellipsis
,它工作正常,但我不想在最后保留“ ...”三个点。有没有办法通过CSS隐藏或删除它?
您应该尝试剪辑而不是剪辑。
text-overflow:clip;
=====
编辑:
这应该可以解决您的问题:
.clipping-wrapper {
border: 1px solid #4099ff;
padding: 0 40px;
display: inline-block;
}
.clipping{
white-space: nowrap;
width: 200px;
overflow: hidden;
text-overflow: clip;
}
<div class="clipping-wrapper">
<p class="clipping">
Copier Paper A4 Size - 70Gsm (500 Sheets)
</p>
</div>
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句