我正在使用 Tailwind CSS，最近我使用<a>,<p>和<div>. 但是<a>標簽的可點擊區域比我想要的要大，我只想在文本中，但框在 div 中。
我將展示我的代碼：
<div class="mt-5">
<a :href="route('login')" class="flex justify-center">
<img src="../../Assets/Img/menorq.svg" class="w-4 h-4 mt-1" alt="">
<p class="text-purple-600">Back to login</p>
</a>
</div>
這是怎么回事： 
uj5u.com熱心網友回復：
您可以通過使用inline-flex然后將內容居中放置在周圍 div中來縮小錨點的 flex 框以僅包含內容。例如：
<div class="mt-5 text-center">
<a :href="route('login')" class="inline-flex align-center">
<img src="../../Assets/Img/menorq.svg" class="w-4 h-4 mt-1" alt="">
<p class="text-purple-600">Back to login</p>
</a>
</div>
轉載請註明出處，本文鏈接：https://www.uj5u.com/yidong/381204.html
上一篇：如何消除頁腳和頁面內容之間的差距
下一篇：設定行高并允許斷字