BFC就是页面上的一个隔离的独立容器，容器里面的子元素不会影响到外面的元素。反之也如此。包括浮动，和外边距合并等等，因此，有了这个特性，我们布局的时候就不会出现意外情况了。 display 属性为 block, list-item, table 的元素，会产生BFC. 给这些元素添加如下属性就可以触 ...
分类：
Web程序 时间：
2020-04-03 19:46:28
阅读次数：
124
Block Formatting Contexts 即块级格式化上下文，它是一个独立的渲染区域，只有Block-level box参与， 它规定了内部的Block-level Box（display 属性为 block, list-item, table 的元素）如何布局，并且与这个区域外部毫不相干 ...
分类：
其他好文 时间：
2019-06-05 00:38:07
阅读次数：
79
一，要使 tbody 宽度正常，必须设置 display:table。或者更通用的变通是用 JavaScript 控制表格的显示隐藏时不直接调协此 table 的 display 属性，而是给 table 包裹一层 div，然后设置该 div 的display 属性为 block 或 none。 二 ...
分类：
其他好文 时间：
2018-12-14 13:09:17
阅读次数：
308
一、什么是BFC css布局主要采用盒子模型（BOX），元素的类型和 display 属性，决定了 Box 的类型，常见的盒子类型有两种： block-level box:display 属性为 block, list-item, table 的元素，会生成 block-level box。 inl ...
分类：
其他好文 时间：
2018-03-02 16:13:20
阅读次数：
153
CSS全称Cascading Style Sheet(层叠样式表) display属性，用于确定钙元素类型，每一个元素都有一个display属性。div默认display属性为block，成为块级元素后自动换行。 引用CSS 使用外部样式特点： 1.实现了内容结构和表现形式代码分离，方便复用和维护。 ...
分类：
Web程序 时间：
2017-10-07 22:05:42
阅读次数：
159
1.如果利用<img>标签把图片放进表格单元里面，并注意到在图片下方有不需要的空间，那么设置它的display属性为block. 2.text-align可以被继承，vertical-align属性不会被继承 3.html提供<colgroup>和<col>标签相应地表示列组合和独立的列。 表格中的 ...
分类：
Web程序 时间：
2017-04-06 19:00:55
阅读次数：
230
一、CSS 定位和浮动 它们代替了多年来的表格布局。 定位的思想很简单，相对于正常位置、相对于父元素、另一个元素甚至是浏览器窗口的位置。 浮动在 CSS1 中被首次提出。浮动不完全是定位，当然也不是正常的流布局。 二、一切都是框 display 属性设置元素是什么框类型。其属性为 block、inl ...
分类：
Web程序 时间：
2016-08-06 14:16:10
阅读次数：
163
布局相关属性 float:控制目标组件是否浮动以及如何浮动，设置浮动后，该组件被当做块组件处理，即相当于display属性为block；可选的属性值 left:指定对象向左浮动 right:指定对象向右浮动 clear:设置组件的左、右是否哪边不允许出现浮动对象。可选属性值： none:默认值，两边
分类：
其他好文 时间：
2016-01-30 13:20:14
阅读次数：
135
1.HTML5中8个新的HTML语义（semantic）元素，都是块级元素：为了让旧版本的浏览器正确显示这些元素，设置CSS的display属性为block：1 header, section, footer, aside, nav, main, article, figure { 2 displ....
分类：
Web程序 时间：
2015-08-03 18:54:44
阅读次数：
156
水平居中：行内元素解决方案居中元素：文字、链接以及其它行内元素（inline或inline-*类型的元素，如inline-block，inline-table，inline-flex）解决方案：将inline元素包裹在一个display属性为block的父级元素中，如div、nav，设置父级元素属性...
分类：
Web程序 时间：
2014-10-12 13:05:57
阅读次数：
231
