在前端开发中，`flexbox` 是一种非常强大的布局工具。通过它，我们可以轻松实现页面元素的灵活排列和样式控制。今天，我们就来聊聊如何用 `flexbox` 让一个容器中的内容既居中又实现两端对齐！✨

首先，确保你的父容器设置了 `display: flex;`，这是开启 `flexbox` 布局的关键。接着，使用 `justify-content: space-between;` 可以让子元素均匀分布在容器两端，同时保持间距一致。如果希望子元素垂直方向也居中，可以加上 `align-items: center;`。这样，就能优雅地完成布局需求啦！💡

举个例子：假设你正在设计一个导航栏，需要每个菜单项之间有间隔且整体水平居中，这时就可以利用 `flexbox` 的这些属性。简单几行代码，不仅提升了用户体验，还让页面更加美观整洁。💪

记住，`flexbox` 不仅功能强大，还能大大简化复杂的布局工作。快去试试吧！🚀