我有一個居中的列，我想將此列中的一些內容向左對齊：
<div class="flex flex-col items-center justify-center">
<!-- I would like all elements to be left aligned in this div -->
<div class="items-start justify-start">
<h1>Tailwind Elements</h1>
</div>
</div>
如何在居中的 flex 列中左對齊內容？我似乎無法讓它作業。
uj5u.com熱心網友回復：
您是否為內部 div 設定了寬度？我設定寬度并使用text-left它似乎有效
<div class="flex flex-col items-center justify-center">
<!-- I would like all elements to be left aligned in this div -->
<div class="w-[400px] text-left bg-red-500">
<h1>Tailwind Elements</h1>
</div>
</div>
編輯：您甚至不必使用text-left，因為設定寬度會自動將所有專案設定為左對齊
轉載請註明出處，本文鏈接：https://www.uj5u.com/qiye/534723.html
標籤：CSS尾风-css
上一篇：禁用選擇時的樣式圖示和按鈕