如何在顺风中放置不完整的垂直分隔线

问题描述 投票:0回答:1
tailwind-css divider
1个回答
0
投票

您可以考虑向容器添加一些垂直填充:

<script src="https://cdn.tailwindcss.com/3.3.3"></script>

<div class="bg-green-400 mx-auto grid w-5/6 grid-cols-1 rounded-[48px] text-white md:h-48 md:grid-cols-4 md:divide-x md:py-5">
  <div class="font-gmr flex h-full w-full flex-col justify-center p-5 text-center text-2xl">{ language.secc2text1 }</div>
  <div class="font-raleway flex h-full w-full flex-col justify-center p-5 text-center">{ language.secc2text2 }</div>
  <div class="font-gmr flex h-full w-full flex-col justify-center p-5 text-center text-2xl">{ language.secc2text3 }</div>
  <div class="font-raleway flex h-full w-full flex-col justify-center p-5 text-center">{ language.secc2text4 }</div>
</div>

© www.soinside.com 2019 - 2024. All rights reserved.