?

單行文本溢出顯示省略號(hào)

selector  {
    -o-text-overflow: ellipsis;/*兼容opera*/
    text-overflow: ellipsis;/*這就是省略號(hào)嘍*/       
    overflow: hidden;/*設(shè)置超過(guò)的隱藏*/
    white-space: nowrap;/*設(shè)置不折行*/
    width:200px;/*設(shè)置寬度*/
}

多行文本溢出

.xx {
    display: -webkit-box !importmort;
    overflow:hidden;
    text-overflow:ellipsis;
    word-break:break-all;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:2; /* 數(shù)字2表示隱藏兩行 */
}

文字選中滑動(dòng)背景色

/* 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實(shí)現(xiàn)不換行、自動(dòng)換行、強(qiáng)制換行

    * {
        /*不換行*/
        white-space:nowrap;
    
        /*自動(dòng)換行*/
        word-wrap: break-word; 
        word-break: normal; 
    
        /*強(qiáng)制換行*/
        word-break:break-all;
    }

文字間距

* { letter-spacing: 2px; /*也可以是負(fù)數(shù)*/ }

?
?
?