在前端开发中，实现水平垂直居中在Flex布局下有一个更灵活的方式——使用 margin: auto;`来实现居中以及更多实际场景下的特定效果。

本文记录了我在滴滴从事H5开发工作，到目前为止的这一年里，我所遇到的一些比较经典的问题，主要是样式上的，希望能帮助到大家！

flex 布局两端对齐当最后一排数量不够时，会出现以下布局情况 原图 实现效果 方案一（父级添加 after 伪类法，解决最后一排数量不够两端分布的情况） 完美解决两端对齐布局混乱的情况 当然，这种解

一、flex布局中水平垂直居中 这还不简单？ 但还可以结合margin来实现，可以不用设置justify-content和align-items 二、最后一个元素靠右对齐 这还不简单？ 简单点： 是不

在Vue项目中，尤其是在使用组件化开发时，我们某些时候需要对组件内部的某些样式优化，但Vue的样式封装特性（scoped）会阻止外部样式直接作用于组件内部。为了应对这一挑战，Vue社区引入了深度选择器