CSS布局：优先显示特定元素
HTML元素通常按照代码顺序显示。但有时需要调整显示顺序，让特定元素优先显示。例如：
@@##@@
aaa
立即学习“前端免费学习笔记（深入）”；
bbb
假设需要bbb优先显示在第一行。
解决方案：利用Flexbox布局
使用Flexbox布局可以轻松控制元素的顺序。 无需修改元素的HTML结构，只需调整其父元素的CSS样式。
.container {
display: flex;
flex-direction: row; /* 或column，取决于你希望元素水平或垂直排列 */
}
.container > p {
/* 可选样式，例如： */
margin: 5px;
}
然后，将需要优先显示的元素bbb的父元素包裹在一个div中，并添加container类名：
@@##@@
通过Flexbox的flex-direction属性，可以控制元素排列方向（行或列）。 Flexbox会自动调整元素顺序，使其符合容器的布局方向。 如果需要改变显示顺序，只需改变元素在HTML中的位置即可。
这种方法比将父元素设置为inline更灵活，更适合复杂的布局场景。 它避免了inline元素的一些限制，例如无法设置宽高等。
