2.CSS文本
- 2.1
white-space: pre-line; 強制文字進行換行，前提是在文本中要先在文字中加” \n “，這樣css識別出來在此處進行強制換行。
word-wrap:normal | break-word, break-word可以將內容在邊界內換行（不截斷英文單詞的換行）
word-break:keep-all | break-all當設置keep-all的時候，對於中文文本來說，只可以在半解空格或連字符或任何標點符號的地方換行，中文與中文之間不可以換行，一個長文本也不可以換行。
當設置break-all的時候，主要是在不同的瀏覽器上顯示的效果都不同，因爲每個瀏覽器的內核不同，這裏在chrome、safari、Firefox中可以允許標點符號位於首行顯示。
- 2.2
溢出文本text-overflow
text-overflow: clip | ellipsis有兩個屬性，一個是默認的屬性clip, 另一個是ellipsis，
如果要實現溢出隱藏，必須滿足3個條件：
- width ：明確給需要截取文本的容器設置寬度值。
- white-space:nowrap：給文本容器設置強制不換行，讓元素文本一行內顯示。
- over-flow: hidden：設置容器文本溢出時隱藏。
執行上面的屬性條件之後，頁面超出的文字部分將會以...的形式顯示。
3.點擊事件on和onclick 兩者之間的區別（很重要）
- 第1種事件
$('.XX').click('.xxx',function() { alert('xxx') });
- 第2種事件
$('.XXX').on('click','.xxx', function() { alert('xxx') })
click是點擊事件，但是在頁面加載完之後，jquery事件新添加的元素，用click的話是無法獲取元素的，這個時候要用on去獲取元素事件，簡單的說頁面加載完成時候頁面顯示的元素可以用on，也可以用click，但是頁面加載完成之後後期再追加的元素只能用on。
這兩個事件的區別之處在於:
簡單的說頁面加載完成時候頁面顯示的元素（DOM節點已全部加載完）可以用 on ， 也可以用click ，
但是在頁面加載完成之後後期再追加元素（DOM節點元素還沒完全顯示出來）只能用on
解釋一下：
$('.AAA').on('click','.bbb', function() { alert('bbb') })
獲取class 爲bbb元素的上一級（或父級）元素，選擇click的方式，執行回調函數function ()並運行彈出元素bbb,這裏的on,元素bbb如果沒全部加載出來。沒有直接獲取到class爲bbb的元素，這個時候它就會去找上一級（或父級）的元素，然後在從上一級（或父級）往下接着再執行，就會找到class爲bbb的元素了，就觸發了點擊事件，並執行事件裏面的函數啦 ~