February 2023 – MasterH's Grocery Store

BFC是CSS中的一个重要概念,指的是块级格式化上下文(Block Formatting Context)。它是页面中的一块渲染区域,具有独立的布局、渲染、定位、浮动等属性。BFC可以解决一些常见的布局问题,如清除浮动、防止margin重叠等。 BFC的触发条件有以下几种情况: 根元素或其他包含它的元素。 浮动元素(float的值不为none)。 绝对定位元素(position的值为absolute或fixed)。 行内块元素(display的值为inline-block)。 表格单元格(display的值为table-cell、table-caption或inline-table)。 overflow属性值不为visible的块元素。 当元素触发BFC时,会影响到它周围的布局和渲染,例如: 父元素的BFC会包含所有子元素,防止子元素的margin重叠。 浮动元素会被BFC包含,不会影响到其他元素的布局。 绝对定位元素的位置是相对于BFC计算的。 行内块元素可以在BFC内垂直对齐。 表格单元格在BFC中会表现为块级元素。 BFC的区域不会与浮动元素重叠。 在实际开发中,可以通过设置元素的display、position、float、overflow等属性来触发BFC,从而实现一些布局上的特殊需求。

Read More

物理内存不足,可以增加虚拟内存来解决 查看内存使用情况 free -m 可以看到当前Swap内存为0 增加虚拟内存 1、创建一个目录,路径自己定义 mkdir /opt/images/ rm -rf /opt/images/swap 2、创建一个4GB大小的文件 dd if=/dev/zero of=/opt/images/swap bs=1024 count=4096000 3、把创建的文件变成SWAP分区 mkswap /opt/images/swap 4、启用这个Swap文件 swapon /opt/images/swap 5、最后查看下这个Swap

Read More