css3弹性布局垂直居中 |css hover变色

/* 父元素设置为 flex 布局，并使用 align-items 属性来实现垂直居中 */
.parent {
display: flex;
align-items: center;
}
/* 也可以将 justify-content 属性设置为 center 来实现水平居中 */
.parent {
display: flex;
justify-content: center;
align-items: center;
}
/* 如果是一个容器内只有一个元素需要居中，则将它设置为 flex 布局 */
.container {
display: flex;
}
/* 将子元素设置为 margin:auto ，实现自身居中的效果 */
.container .child {
margin: auto;
}

总结：通过以上几种方法，大家可以很方便地实现 CSS3 弹性布局的垂直居中。在实际开发过程中，大家可以根据具体的需求选择不同的方法。建议查阅相关文档，了解更多 CSS3 弹性布局的知识。