我在一個 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>
uj5u.com熱心網友回復：
由于“flex-col”類將 flex-direction 屬性設定為“column”，因此元素會換行。洗掉此類將允許所有元素顯示在一行上。
<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>轉載請註明出處，本文鏈接：https://www.uj5u.com/caozuo/401219.html
上一篇：通過css垂直對齊flexbox