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

文字均匀分布：

例如：就诊时间
           性       别
 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;
        }