HTML+CSS常见面试题

 ★ 父元素和子元素宽高不固定，如何实现水平垂直居中
- 弹性盒模型
-父元素设置：display:flex; justify-content:center; align-items:center
-额外的骚操作：父元素设置弹性盒display:flex; 子元素可以设置margin: auto; 实现垂直水平居中
- 定位属性（position）配合位移属性（transform）
- 父元素设置：position:relative，
- 子元素设置：position:absolute; top:50%; left:50%; transform:translate(-50%，-50%)

2. ★★ 分别实现骰子中的'一点' 和 '三点' 的布局。
链接：
/*一点布局：原理就是将单个子元素垂直水平居中，利用弹性盒模型(display:flex)即可*/
父元素设置：display:flex; justify-content:center; align-items: center

/*三点布局：同样是使用弹性盒模型(d

HTML+CSS常见面试题最先出现在Python成神之路。