使用网格创建列但不显示两列

问题描述

<link href="https://unpkg.com/tailwindcss@^1.0/dist/tailwind.min.css" rel="stylesheet"/>
<div class="grid grid-cols-2 gap-2">
    <div>
      <label for="" class="text-jibuttonBlue flex items-center ml-2">Image style</label>
      <form class="flex flex-col" action="index.html" method="post">

      </form>
    </div>
      <div>
      <div class="relative w-272">
        <div data-id="menu-container"></div>
        <div class="mb-4">
          <label for="name" class="">
            <span class="text-jibuttonBlue">To be used for:</span>
            <div class="flex items-center border-b border-jiborderGrey py-2 relative">
              <!--
            <div class="rounded-full py px-2 border-jibuttonBlue bg-jinumberblue border text-sm mr-2">Etz Chaim</div>
            <div class="rounded-full py px-2 border-jibuttonBlue bg-jinumberblue border text-sm">Rimon</div>
            <div class="rounded-full py px-2 text-sm">+2</div>
            -->
              <img src="{{MEDIA_UI}}/search-24-px.svg" alt="" class="absolute right-10 top-25">
            </div>
          </label>
        </div>
        <!--If error message is needed add class "border-r border-jierrorred and text-jierrorred for label"-->
        <div>
          <label for="" class="text-jibuttonBlue flex items-center ml-2">Suitable for age</label>
          <form class="flex flex-col" action="index.html" method="post"></form>
        </div>
      </div>
    </div>
</div>

我正在创建列，但未在两列中显示div。知道为什么它不起作用吗？ 它之前一直在工作，但是停止了，我无法在代码中找到问题。它遵循与说明完全相同的结构。使用tailwind.css。

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）