知鸦日报2023-12-04

本文介绍了三种解决Flex布局下居中溢出问题的方法，包括使用关键字safe和unsafe、使用margin:auto替代justify-content:center、以及额外嵌套一层。根据实际场景选择适合的方法。此外，本文的解法可适用于水平和垂直方向的问题。

设计体系的目的是为了实现产品的目标，而设计体系中的内容都应该为此进行优化。团队在设计时需要根据一系列原则来判断如何实现产品目标，这样可以保持团队的一致性和凝聚力。界面设计通过模式来表达设计意图，功能性模式支持用户的行为和操作，感知性模式关注产品给人的直观感受。无论在保护品牌还是满足业务需求时，我们都要意识到新的需求可能需要定制化的模式和一次性的调整，以避免削弱品牌性。