CSS布局:表格&& BFC&&IFC

xiaoxiao2025-08-04  32

cellpadding&cellspacing

单元格边距(表格填充)(cellpadding) – 单元边沿与其内容之间的空白元格间距(表格间距)(cellspacing) – 代表表格边框与单元格补白的距离,也是单元格补白之间的距离。

children和.html()和contents()区别

contents() 方法获得匹配元素集合中每个元素的子节点,包括文本和注释节点。find() 方法获得当前元素集合中每个元素的后代,通过选择器、jQuery 对象或元素来筛选。html() 方法返回或设置被选元素的内容 (inner HTML),返回dom结构children() 方法返回匹配元素集合中每个元素的子元素,而不管子元素的子元素。

BFC&IFC

块级格式化上下文(block formatting context)

常见的文档流分为:定位流、浮动流、普通流3种。BFC是普通流中的一种。

规则: 内部的Box会在垂直方向上放置margin决定Box垂直的距离,同属一个BFC的两个相邻Box的margin发生重叠每个元素margin box的左边,与包含块的左边相接触。(从左到右的格式化)BFC的区域不会和float Box重叠BFC是页面上一个隔离的独立容器计算BFC的高度,浮动元素也参与计算。(可解决父元素塌陷问题) float: left | right position: fixed | absolute display: inline-block | table-cell | table-caption | flex | inline-flex overflow: hidden | scroll | auto
行内格式化上下文(inline formatting context)
元素从左到右,从上到下排布每个元素都可通过vertical-align设置垂直方向上的对齐
转载请注明原文地址: https://www.6miu.com/read-5034236.html

最新回复(0)