如何处理iOS下text-overflow: ellipsis

2021-02-20  本文已影响0人  一个被程序员耽误的厨师

bug复现如下

image.png

以下代码在ios下打开,后面那三个“...”会与文字重叠。

<div class="ellipsis2">手动积分手动2积分手动积分手动积分手动积分手动积分手动积分手动积分手动积分</div>
<style>
.ellipsis2 {
    overflow: hidden;
    text-overflow: ellipsis;
    /*! autoprefixer: ignore next*/
     display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2; 
  -webkit-box-align:end;
  
  width:200px;
  text-align: justify;
}
</style>
上一篇 下一篇

猜你喜欢

热点阅读