共计 528 个字符，预计需要花费 2 分钟才能阅读完成。
Flex Row Row Reversed 布局
成果
代码实现
Row
<div class="flex flex-row bg-gray-200">
<div class="text-gray-700 text-center bg-gray-400 px-4 py-2 m-2">1</div>
<div class="text-gray-700 text-center bg-gray-400 px-4 py-2 m-2">2</div>
<div class="text-gray-700 text-center bg-gray-400 px-4 py-2 m-2">3</div>
</div>Row Reversed
<div class="flex flex-row-reverse bg-gray-200">
<div class="text-gray-700 text-center bg-gray-400 px-4 py-2 m-2">1</div>
<div class="text-gray-700 text-center bg-gray-400 px-4 py-2 m-2">2</div>
<div class="text-gray-700 text-center bg-gray-400 px-4 py-2 m-2">3</div>
</div>
正文完
