输入元素不在一个 row/line

Question

我在 div 中有一个下拉菜单和两个单选按钮。我试图将这些元素放在一行中，但无论我做什么，这些元素看起来都像是堆叠在另一个元素之上。请告诉我我该怎么做才能让它在一行中出现

<div class="p-6  h-screen w-screen bg-gray-300">
        
         <div class="flex flex-col w-full justify-center items-center">
        <select id="select"><option>Select User </option> </select>
        <input type="radio">None</input> <div><input type="radio">Last reset </input>
        </div>

Answer 1

元素换行，因为“flex-col”class 将 flex-direction 属性设置为“column”。删除此 class 将允许所有元素显示在一行上。

<link href="https://cdnjs.cloudflare.com/ajax/libs/tailwindcss/2.2.19/tailwind.min.css" rel="stylesheet" />

<div class="p-6  h-screen w-screen bg-gray-300">

  <div class="flex w-full justify-center items-center">
    <select id="select">
      <option>Select User </option>
    </select>
    <input type="radio">None</input>
    <div><input type="radio">Last reset </input>
    </div>

输入元素不在一个 row/line

input elements not coming in one row/line

css

tailwind-css