美文网首页
工作中遇到的样式问题总结

工作中遇到的样式问题总结

作者: 小卟啾 | 来源:发表于2021-03-17 16:16 被阅读0次

    文字均匀分布:

    例如:就诊时间
               性       别
     text-align-last: justify;
    

    超出文字不换行 省略号展示

    例如:你真的..
     div{
                width: 100px;
                overflow: hidden;/*超出部分隐藏*/
                white-space: nowrap;/*不换行*/
                text-overflow:ellipsis;/*超出部分文字以...显示*/
            }
    

    超出指定多行文字进行省略号展示

    例如:这就是真理真理真理
               真理真理真理理理...
     div {
                text-overflow: -o-ellipsis-lastline;
                overflow: hidden;
                text-overflow: ellipsis;
                display: -webkit-box;
                -webkit-line-clamp: 2;
                line-clamp: 2;
                -webkit-box-orient: vertical;
                width: 50px;
            }
    

    相关文章

      网友评论

          本文标题:工作中遇到的样式问题总结

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