浮动
文本换行
规则:
- 中文 日文 韩文 等遇到边界自动换行
- 英文按照 单词 会自动换行
- 英文连续长单词不会换行
文本内容多时,有时会需要强制换行
语法:
选择器{
word-break:break-all;
}
文本内容多的时候,有时会需要强制不换行
语法:
选择器{
white-space:nowrap;
}
溢出处理
块级元素内容占满高或宽后怎么办
- 自动换行
- 滚动条
语法:
选择器{
overflow:属性值;
}
属性值 效果
visible 溢出部分正常显示(内容 超出 边界)
hidden 溢出部分隐藏
scroll 溢出部分,用滚动条显示
auto 溢出时,相当于scorll;没溢出时,相当于visible
外边距合并
文档流中,相邻 块级元素 上下外边距会出现合并现象
margin-bottom:50px;
margin-top:20px;
使用外边距较大的值来撑开