react高频面试题（css篇）

前言

网上的React面试题文章有非常多，但很多题都过时了。

有的文章只包含了react相关题目，但是真正面试不只考react问题，js，css，http，es6都会涉及的到。

此片文章，针对以上几点，整理了一些时下高频的react前端面试题，并且做出相应的解析。

---

其他篇

react高频面试题（react篇）.

react高频面试题（JavaScript篇）.

react高频面试题（http&&浏览器篇）.

---

正文

1.水平垂直居中？

已知高度和宽度的元素：
（1）设置父元素为相对定位，给子元素设置绝对定位，

top: 0; 
right: 0; 
bottom: 0;
left: 0;
margin: auto; 

（2）设置父元素为相对定位，给子元素设置绝对定位。（兼容性最好）

left: 50%;
top: 50%; 
margin-left: --元素宽度的一半px;
margin-top: --元素高度的一半px;

未知高度和宽度的元素

（1）设置父元素为相对定位，给子元素设置绝对定位

left: 50%; 
top: 50%; 
transform