我在使用 Tailwinds truncate
類別時遇到了麻煩:https://tailwindcss.com/docs/text-overflow#truncate
##這似乎是一個超級聰明的實用程序,但瀏覽器似乎會做任何事情來不截斷文字 - 包括超長的水平滾動,這是絕對不可取的。
如何讓瀏覽器對截斷文字更加寬鬆?
P粉5459106872024-03-31 11:38:30
您可能需要共用 html 程式碼以便更好地理解佈局。
要在Tailwind 中正確使用truncate
文本,請確保截斷的元素具有標籤<p>
,在某些情況下,您可能需要嘗試將父元素設置為block
,或使用w-full
和/或避免flex
Well-Being: The Foundation of Thriving Business
同樣,沒有看到來源佈局,很難判斷這是否是最佳解決方案,因為可以使用Tailwind 提供的許多工具來避免水平滾動,例如網格佈局、基於螢幕尺寸的響應式佈局、寬度操作等。