如何解决使用网格创建列但不显示两列
<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 举报,一经查实,本站将立刻删除。