共计 1548 个字符，预计需要花费 4 分钟才能阅读完成。
Aligin Self
auto
成果
代码
<div class="flex items-stretch bg-gray-200 h-24">
<div class="flex-1 text-gray-700 text-center bg-gray-400 px-4 py-2 m-2">
1
</div>
<div
class="self-auto flex-1 text-gray-800 text-center bg-gray-500 px-4 py-2 m-2"
>
2
</div>
<div class="flex-1 text-gray-700 text-center bg-gray-400 px-4 py-2 m-2">
3
</div>
</div>start
成果
代码
<div class="flex items-stretch bg-gray-200 h-24">
<div class="flex-1 text-gray-700 text-center bg-gray-400 px-4 py-2 m-2">
1
</div>
<div
class="self-start flex-1 text-gray-800 text-center bg-gray-500 px-4 py-2 m-2"
>
2
</div>
<div class="flex-1 text-gray-700 text-center bg-gray-400 px-4 py-2 m-2">
3
</div>
</div>center
成果
代码
<div class="flex items-stretch bg-gray-200 h-24">
<div class="flex-1 text-gray-700 text-center bg-gray-400 px-4 py-2 m-2">
1
</div>
<div
class="self-center flex-1 text-gray-800 text-center bg-gray-500 px-4 py-2 m-2"
>
2
</div>
<div class="flex-1 text-gray-700 text-center bg-gray-400 px-4 py-2 m-2">
3
</div>
</div>end
成果
代码
<div class="flex items-stretch bg-gray-200 h-24">
<div class="flex-1 text-gray-700 text-center bg-gray-400 px-4 py-2 m-2">
1
</div>
<div
class="self-end flex-1 text-gray-800 text-center bg-gray-500 px-4 py-2 m-2"
>
2
</div>
<div class="flex-1 text-gray-700 text-center bg-gray-400 px-4 py-2 m-2">
3
</div>
</div>strench
成果
代码
<div class="flex items-start bg-gray-200 h-24">
<div class="flex-1 text-gray-700 text-center bg-gray-400 px-4 py-2 m-2">
1
</div>
<div
class="self-stretch flex-1 text-gray-800 text-center bg-gray-500 px-4 py-2 m-2"
>
2
</div>
<div class="flex-1 text-gray-700 text-center bg-gray-400 px-4 py-2 m-2">
3
</div>
</div>正文完