蒋宗正的博客

flex布局 序 看了看菜鸟教程的flex布局讲解，晦涩难懂，一头雾水，工作中又要用，那怎么办呢，自己研究用人话再讲一遍就行了呗，希望能帮助到在学flex布局的小伙伴，如有不对请指正 对齐方式 flex-direction：（主轴方向，这是方向就是东南西北的意思）就是汽车往哪个方向开 row、row-reverse、column、column-reverse flex-wrap（换行方式）：wrap、nowrap、wrap-reverse flex-wrap：（是否换行） flex-flow： （flex

nz-tooltip：文字提示的样式设置 nzTooltipPlacement:表示箭头指向 z-index:元素的堆叠顺序 z-index: 表示多个标签之间的堆叠顺序，拥有更高堆叠顺序的元素总是会处于堆叠顺序较低的元素的前面 -1表示堆叠在最底部 auto堆叠顺序与父元素相等 inherit表示从父元素继承z-index的值 cursor: 鼠标悬浮样式：鼠标指针放在一个标签范围内时鼠标悬浮时的光标形状 <!-- auto浏览器默认光标--> <span style="cursor:a

CSS 的 vertical-align 属性使用场景： 经常用于设置图片或者表单(行内块元素）和文字垂直对齐。 官方解释： 用于设置一个元素的垂直对齐方式，但是它只针对于行内元素或者行内块元素有效。 语法： vertical-align : baseline | top | middle | bottom ...

首先要知道，div是块级元素，在页面中独占一行，自上而下排列，也就是传说中的流。如下图： 可以看出，即使div1的宽度很小，页面中一行可以容下div1和div2，div2也不会排在div1后边，因为div元素是独占一行的。 注意，以上这些理论，是指标准流中的div。 小菜认为，无论多么复杂的布局，其基本出发点均是：“如何在一行显示多个div元素”。 显然标准流已经无法满足需求，这就要用到浮动。 浮动可以理解为让某个div元素脱离标准流，漂浮在标准流之上，和标准流不是一个层次。 例如，假设上图中的div2浮动