实现九九乘法表并水平垂直居中

1.html&js:

2.css:

html,body{

margin:0;

padding:0;

}

.box{

display:flex;

align-items: center;

justify-content: center;

position: absolute;

height:100%;

width:100%;

}

注意：

如果包含块的高度没有显示指定（即高度由内容决定），并且该元素不是绝对定位元素，则计算值为auto

所以如果类为.box的元素没有设置绝对定位，那么他的高度将是

'auto' *100/100=NaN

因为设置了绝对定位，在默认情况下表现为宽度“包裹性”，所以宽度是由内部元素决定的。所以我们显示设置宽度为100%；

--对《css世界》的理解