盒模型應用

改變寬高范圍

默認情況下，width 和 height 設置的是內容盒寬高。

頁面重構師：將psd文件（設計稿）制作為靜態頁面

衡量設計稿尺寸的時候，往往使用的是邊框盒，但設置width和height，則設置的是內容盒

精確計算

CSS3：box-sizing

改變背景覆蓋范圍

默認情況下，背景覆蓋邊框盒

可以通過background-clip進行修改

溢出處理

overflow，控制內容溢出邊框盒后的處理方式

斷詞規則

word-break，會影響文字在什么位置被截斷換行

normal：普通。CJK字符（文字位置截斷），非CJK字符（單詞位置截斷）

break-all：截斷所有。所有字符都在文字處截斷

keep-all：保持所有。所有文字都在單詞之間截斷

空白處理

white-space: nowrap

轉載于:https://www.cnblogs.com/liuhaier/p/11107650.html

總結

以上是生活随笔為你收集整理的盒模型应用的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。