盒模型應(yīng)用

改變寬高范圍

默認(rèn)情況下，width 和 height 設(shè)置的是內(nèi)容盒寬高。

頁(yè)面重構(gòu)師：將psd文件（設(shè)計(jì)稿）制作為靜態(tài)頁(yè)面

衡量設(shè)計(jì)稿尺寸的時(shí)候，往往使用的是邊框盒，但設(shè)置width和height，則設(shè)置的是內(nèi)容盒

精確計(jì)算

CSS3：box-sizing

改變背景覆蓋范圍

默認(rèn)情況下，背景覆蓋邊框盒

可以通過(guò)background-clip進(jìn)行修改

溢出處理

overflow，控制內(nèi)容溢出邊框盒后的處理方式

斷詞規(guī)則

word-break，會(huì)影響文字在什么位置被截?cái)鄵Q行

normal：普通。CJK字符（文字位置截?cái)?#xff09;，非CJK字符（單詞位置截?cái)?#xff09;

break-all：截?cái)嗨小Ｋ凶址荚谖淖痔幗財(cái)?/p>

keep-all：保持所有。所有文字都在單詞之間截?cái)?/p>

空白處理

white-space: nowrap

轉(zhuǎn)載于:https://www.cnblogs.com/liuhaier/p/11107650.html

總結(jié)

以上是生活随笔為你收集整理的盒模型应用的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。

如果覺(jué)得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。