如何处理iOS下text-overflow: ellipsis

作者: 一个被程序员耽误的厨师 | 来源:发表于2021-02-20 10:21 被阅读0次

如何处理iOS下text-overflow: ellipsis
高级设置
文本超出省略
文本超长溢出省略号
文字不换行缩略ellipsis
html css 超出省略号显示
Css -think to write
html+css文本超出显示省略号
文本溢出处理
文字溢出省略号

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>

原因是ios下text-overflow: ellipsis 与 text-align: justify 冲突的bug。
解决办法只能是避免同时使用

网友评论

本文标题：如何处理iOS下text-overflow: ellipsis

本文链接：https://www.haomeiwen.com/subject/stiractx.html

延伸阅读

深度阅读

您也可以注册成为美文阅读网的作者，发表您的原创作品、分享您的心情！

如何处理iOS下text-overflow: ellipsis

bug复现如下

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

相关文章

如何处理iOS下text-overflow: ellipsis

高级设置

文本超出省略

文本超长溢出省略号

文字不换行缩略ellipsis

html css 超出省略号显示

Css -think to write

html+css文本超出显示省略号

文本溢出处理

文字溢出省略号

网友评论

延伸阅读

深度阅读

栏目导航

热点阅读