我目前正在使用tailwind css作為初學者。
我想要做的是讓 2 個元素彼此重疊，寬度相同但像素大小不同。
我現在擁有的是。
如果你不能得到我想要做的，你可以檢查附件。
<div className="w-full h-screen">
<div className="max-w-[1500px] px-4 mx-auto h-full">
<div className="flex h-[700px] ">
<div className="w-[1000px] flex flex-col justify-start">
<div className="">
<h1 className="w-full font-bold inline border-y-2 ">
The moon is made
</h1>
</div>
<p className="text-[100px] font-bold ">
of
<span className="primary-bg text-[100px] font-bold inline">
Pancakes.
</span>
</p>
</div>
<div className="w-[500px]">qwe</div>
</div>
</div>
</div>
而我想要實作的就是這個。
uj5u.com熱心網友回復：
您可以通過font-size為每個文本選擇正確的來做到這一點，因為寬度取決于字體大小我試圖復制您提供的影像并使其盡可能簡單
在這里查看：https ://play.tai??lwindcss.com/H4pBcGRvag
轉載請註明出處，本文鏈接：https://www.uj5u.com/ruanti/455430.html