2020-10-08 让span具有宽和高 set转数组 margin：auto适用条件 垂直水平居中

什么情况下能让span标签具有宽和高 display为inline-block或blockfloat不为staticposition不为realativ

这样看起来是不是很像BFC法则，但其实不是，如果我设置 overflow: hidden;是无效的

综上情况也就是如果能使其跳出文本流，即可实现具备宽和高的效果

set转数组 一直以为set后的数组还是数组。。。

方法:

Array.from(setArray) margin：auto 只适用于水平边距，它不适用于浮动和内联元素，并且它本身也不能用于绝对和固定定位元素。

margin-left: auto之后，auto分配剩余空间，会把元素挤到最右边？

为什么设置t,b,l,f为0之后，margin: auto会垂直水平居中？

根据上文可知，因为此时margin-left,-right,-bottom,-top都会排挤剩余空间，大家都在挤，此时居中

垂直水平居中的骚方法 利用display:inline-block和line-height .fa { line-height: 100px; text-align: center; width: 200px; height: 100px; background-color: red; } .son { display: inline-block; width: 50px; height: 50px; vertical-align: middle; background-color: green; }

vertical-align: middle;至关重要

利用table-cell .fa { display: table-cell; vertical-align: middle; text-align: center; width: 200px; height: 100px; background-color: red; } .son { display: inline-block; width: 50px; height: 50px; background-color: green; }

设置子元素为inline-block至关重要