CSS文本样式

 

单行文本溢出显示省略号

selector  {
    -o-text-overflow: ellipsis;/*兼容opera*/
    text-overflow: ellipsis;/*这就是省略号喽*/       
    overflow: hidden;/*设置超过的隐藏*/
    white-space: nowrap;/*设置不折行*/
    width:200px;/*设置宽度*/
}

多行文本溢出

.xx {
    display: -webkit-box !importmort;
    overflow:hidden;
    text-overflow:ellipsis;
    word-break:break-all;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:2; /* 数字2表示隐藏两行 */
}

文字选中滑动背景色

/* webkit, opera, IE9 */
::selection { 
    background:lightblue;
}
/* mozilla firefox */
::-moz-selection {
    background:lightblue; 
}

禁止文本缩放

html {
    -webkit-text-size-adjust: 100%;
}

禁止文本选中

body {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

 

css实现不换行、自动换行、强制换行

    * {
        /*不换行*/
        white-space:nowrap;
    
        /*自动换行*/
        word-wrap: break-word; 
        word-break: normal; 
    
        /*强制换行*/
        word-break:break-all;
    }

文字间距

* { letter-spacing: 2px; /*也可以是负数*/ }