盒模型应用

改变宽高范围:
默认情况下,width和height设置的是内容盒的宽高。
页面重构师:将psd文件转变为静态页面

改变背景覆盖范围:
默认情况下是覆盖到边框盒,修改使用background-clip进行修改

溢出处理:
处理内容溢出边框盒。使用overflow
overflow-y: scroll;纵向出现滚动条
overflow-y:auto;需要出现滚动条的时候就出现

断词规则:
word-break,会影响文字在什么位置被截断换行
normal:cjk字符在文字与文字间截断,非cjk字符,在单词之间截断
break-all:所有文字都在文字处截断
keep-all:所有文字都在单词处截断

空白处理:
white-space:nowrip;不换行
overflow:hidden:溢出隐藏
text-overflow:elipsis:文字溢出部分用原点

posted @ 2020-07-22 21:18  颿華正茂  阅读(117)  评论(0)    收藏  举报