随笔分类 -  HTML/CSS

摘要:前言 什么是BFC? 在解释 BFC 是什么之前,需要先介绍Box(块级,行级...)、FormattingContext的概念。 Box: CSS布局的基本单位&盒模型 盒模型--块级盒/行内盒 一个盒包括了内容(content)、边(border)、内边距(padding)、外边距(margin 阅读全文
posted @ 2019-11-02 16:07 isAndyWu 阅读(487) 评论(0) 推荐(0)
摘要:本文讲了BFC的概念是什么; BFC的约束规则;咋样才能触发生成新的BFC;BFC在布局中的应用:防止margin重叠(塌陷,以最大的为准); 清除内部浮动;自适应两(多)栏布局。 1. BFC是什么? Block fomatting context = block-level box + Form 阅读全文
posted @ 2019-11-01 23:14 isAndyWu 阅读(522) 评论(0) 推荐(0)
摘要:在一个表格内嵌套另一个表格时,如何居中? 假设大表格为: 小表格为: 使其居中的CSS为: 效果: 综上,在一个表格内嵌套另一个表格时,居中的一种方法为设置小表格的外边距。 阅读全文
posted @ 2019-09-05 09:12 isAndyWu 阅读(1645) 评论(0) 推荐(0)