浮动，换行

最新推荐文章于 2024-02-20 22:27:25 发布

Lou.....

最新推荐文章于 2024-02-20 22:27:25 发布

阅读量905

点赞数

分类专栏：学习内容 html css 文章标签： css css3 html

本文链接：https://blog.csdn.net/lhblmd/article/details/109024326

版权

本文介绍了CSS中的浮动原理和应用场景，包括文本换行规则、溢出处理、外边距合并及塌陷、浮动布局的特点和问题，以及如何清除浮动带来的影响。详细探讨了浮动元素如何一行显示、顶部对齐，以及浮动对布局的影响和解决方法。

摘要由CSDN通过智能技术生成

规则：

文本内容多时，有时会需要强制换行

语法：

选择器{
	word-break:break-all;
}

文本内容多的时候，有时会需要强制不换行

语法：

选择器{
	white-space:nowrap;
}

块级元素内容占满高或宽后怎么办

语法：

选择器{
	overflow：属性值;
	}

属性值     效果
visible   溢出部分正常显示（内容  超出  边界）
hidden    溢出部分隐藏
scroll    溢出部分，用滚动条显示
auto      溢出时，相当于scorll；没溢出时，相当于visible

文档流中，相邻块级元素上下外边距会出现合并现象

margin-bottom:50px;
margin-top:20px;
使用外边距较大的值来撑开

关注

专栏目录