我的 tailwindcss 没有按我的意愿工作，即我的 Text2 放置不正确

Question

我想把我的文字： Text2放在右侧。 我的Text1放置得很好。 请问我要改什么？ 有了我所拥有的，我的Text2就在Text1旁边

 <div className="w-screen h-screen flex">... <div className="flex-1 h-full flex flex-col">... <div className="flex-1 flex flex-col bg-primary-500/5 dark:bg-red-400 overflow-y-auto">... <div className="shrink-0 h-10 text-sm text-gray-700 bg-white dark:bg-slate-900 px-5 flex items-center"> Text1 <div className='flex-1'> Text2 </div> </div> </div> </div> </div>

Answer 1

试试这个例子。 我向Text2添加了两个属性以向右侧偏移。

 <div class="flex-1 flex justify-end">Text2</div>

 <script src="https://cdn.tailwindcss.com"></script> <div class="w-screen h-screen flex">... <div class="flex-1 h-full flex flex-col">... <div class="flex-1 flex flex-col bg-primary-500/5 dark:bg-red-400 overflow-y-auto">... <div class="shrink-0 h-10 text-sm text-gray-700 bg-white dark:bg-slate-900 px-5 flex items-center text-white"> Text1 <div class="flex-1 flex justify-end">Text2</div> </div> </div> </div> </div>