CSS

前言 块级盒子与内联盒子 块级盒子：display为block，而且会有以下行为： 盒子会在内联的方向上扩展并且占据其包含块在该方向上的所有可用空间，在绝大数情况下意味着盒子会和其包含块一样宽 每个盒

块级格式化上下文 全称Block Formatting Context，简称BFC 它是一块独立的渲染区域，它规定了在该区域中，常规流块盒的布局，不同的BFC区域，它们进行渲染时互不干扰，创建BFC的

CSS行内元素的概念 行内元素定义 CSS行内元素，也叫内联元素，一般都是基于语义级的基本元素，只能容纳文本或其他内联元素，常见内联元素比如a、span、iframe等都是行内元素 行内元素特点 可以

问题描述：如下图，案件类型是根据业务范围选择而变化的，所以案件类型这行的宽度是会动态变化的，既要保证不能超出，又要使更多文字不能与证券与资本市场这一类最后一行的按钮重合；并且点击更多会显示剩余的选项解

2）position:absolue margin:auto top:0... 持续更新...两者都能实现透明效果

这些常用的，还有很多等等...

Flex是Flexible Box的缩写，简称“弹性布局”，用来为盒装模型提供最大的灵活性。采用Flex布局的元素，简称容器，它的所有子元素自动成为容器成员，简称项目。总的来说，flex布局是一维布局方式。 flex: flex属性是flex-grow, flex-shrink…

以上就是自己常用的5种垂直居中的方法，还有其它在特定情况下的方法后续在整理，总结整理。