HTML5+CSS3面试题整理(附答案)持续更新~

目录

1. ★ 父元素和子元素宽高不固定，如何实现水平垂直居中

2. ★★ 分别实现骰子中的'一点' 和 '三点' 的布局。

---

1. ★ 父元素和子元素宽高不固定，如何实现水平垂直居中

第一种方法：flex布局
父元素设置：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. ★★ 分别实现骰子中的'一点' 和 '三点' 的布局。

/*