1、使用Flexbox布局:
设置容器display:flex,使用align-items:center;即可使其子元素垂直居中
2、Grid布局:
display:grid;place-items:center;
3、绝对定位和transform
子绝夫相,子元素top:50%;transform:translateY(-50%);
1、使用Flexbox布局:
设置容器display:flex,使用align-items:center;即可使其子元素垂直居中
2、Grid布局:
display:grid;place-items:center;
3、绝对定位和transform
子绝夫相,子元素top:50%;transform:translateY(-50%);