1.換行：區(qū)別word-wrap:break-word和word-break:break-all
【css3】word-wrap屬性：允許長(zhǎng)單詞換行到下一行，所有主流瀏覽器都支持 ；
語(yǔ)法：word-wrap: normal 【只在允許的斷字點(diǎn)換行】| break-word? 【在長(zhǎng)單詞或 URL 地址內(nèi)部進(jìn)行換行】
【css3】word-break 屬性：規(guī)定自動(dòng)換行的處理方法，所有主流瀏覽器都支持 ；
語(yǔ)法：word-break: normal 【使用瀏覽器默認(rèn)的換行規(guī)則。】 |? ?break-all? 【允許在單詞內(nèi)換行】|? ?keep-all【只能在半角空格或連字符處換行】
2.不換行 ：white-space:nowrap
【css】white-space 屬性：設(shè)置如何處理元素內(nèi)的空白，所有瀏覽器都支持 white-space 屬性；
語(yǔ)法：white-space：normal? 【默認(rèn)?？瞻讜?huì)被瀏覽器忽略】 |? ?pre 【空白會(huì)被瀏覽器保留。其行為方式類(lèi)似 HTML 中的 <pre> 標(biāo)簽?！?|??nowrap 【文本不會(huì)換行，文本會(huì)在在同一行上繼續(xù)，直到遇到 <br> 標(biāo)簽為止】 |? ?pre-wrap 【保留空白符序列，但是正常地進(jìn)行換行】 |? ?pre-line 【合并空白符序列，但是保留換行符】 |? ?inherit 【規(guī)定應(yīng)該從父元素繼承 white-space 屬性的值，任何的版本的 Internet Explorer （包括 IE8）都不支持屬性值 "inherit"】
3.超出內(nèi)容隱藏：overflow:hidden
【css】overflow 屬性：當(dāng)內(nèi)容溢出元素框時(shí)發(fā)生的事情，所有瀏覽器都支持 overflow屬性；
語(yǔ)法：visible【默認(rèn)值。內(nèi)容不會(huì)被修剪，會(huì)呈現(xiàn)在元素框之外】 |? ?hidden【內(nèi)容會(huì)被修剪，并且其余內(nèi)容是不可見(jiàn)的，容器要設(shè)置寬高】 |??scroll 【內(nèi)容會(huì)被修剪，但是瀏覽器會(huì)顯示滾動(dòng)條以便查看其余的內(nèi)容，內(nèi)容沒(méi)有溢出也會(huì)出現(xiàn)滾動(dòng)條】 |? auto 【如果內(nèi)容被修剪，則瀏覽器會(huì)顯示滾動(dòng)條以便查看其余的內(nèi)容，內(nèi)容溢出才會(huì)出現(xiàn)滾動(dòng)條】 |? ?inherit 【規(guī)定應(yīng)該從父元素繼承 overflow 屬性的值，任何的版本的 Internet Explorer （包括 IE8）都不支持屬性值 "inherit"】
4.超出內(nèi)容用省略號(hào)代替：text-overflow:ellipsis
【css3】text-overflow 屬性：當(dāng)文本溢出包含元素時(shí)發(fā)生的事情，所有主流瀏覽器都支持 ；
語(yǔ)法：text-overflow: clip 【修剪文本】|? ellipsis 【顯示省略符號(hào)來(lái)代表被修剪的文本，容器要設(shè)置寬高】|??string【使用給定的字符串來(lái)代表被修剪的文本，未測(cè)試查看效果】
小棨留言：文章描述或者語(yǔ)法理解不到位的地方，請(qǐng)大家多多指教！
