CSS 盒模型/段落/換行/縮進
1.盒模型
box-sizing: content-box|border-box|inherit;
content-box（默認 W3C標准盒模型） ：
實際寬度/高度 = width/height（元素內容大小） + padding + border + margin
border-box（IE5.5及其更早版本的默認模型，現在默認的都是W3C標准盒模型了）：
width/height = 元素內容大小 + padding + border
實際寬度/高度 = width/height + margin
2.滾動條
visible 默認值。內容不會被修剪，會呈現在元素框之外。 - 溢出部分仍然顯示在盒子模型外。
hidden 內容會被修剪，並且其余內容是不可見的。 - 溢出部分不顯示
scroll 內容會被修剪，但是瀏覽器會顯示滾動條以便查看其余的內容。- 始終顯示
auto 如果內容被修剪，則瀏覽器會顯示滾動條以便查看其余的內容。（推薦:該顯示才顯示）
inherit 規定應該從父元素繼承 overflow 屬性的值。
3.換行
1.<br />
2.<p>標簽來實現換行
3.CSS設置寬度自動換行：對於連續的數字和英文則無效。
4.連續英文字母及數字換行使用CSS換行。使用word-wrap:break-word與word-break:break-all
word-wrap:break-word與word-break:break-all共同點是都能把長單詞強行斷句，
word-wrap:break-word：會首先起一個新行來放置長單詞，新的行還是放不下這個長單詞則會對長單詞進行強制斷句；
word-break:break-all：則不會把長單詞放在一個新行里，當這一行放不下的時候就直接強制斷句了
ps：CSS3中將word-wrap改名為overflow-wrap；
4.不換行
white-space:nowrap; 所有內容都強制在同一行中顯示。（遇到<br>除外）
normal 默認。空白和換行字符串會被瀏覽器忽略。
pre 保留空格和換行，容器邊界不自動換行。和HTML標簽<pre>類似- 保留原字符串樣子。
pre-wrap 保留空格和換行，容器邊界自動換行。
pre-line 與pre-wrap區別：多個空格合並成一個空格（注意：行首不保留空格）
注意：不管什么值，<br>都會換行。