搜尋

首頁  >  問答  >  主體

TailwindCSS的截斷類別未被使用 - 導致大量水平滾動

我在使用 Tailwinds truncate 類別時遇到了麻煩:https://tailwindcss.com/docs/text-overflow#truncate

##這似乎是一個超級聰明的實用程序,但瀏覽器似乎會做任何事情來不截斷文字 - 包括超長的水平滾動,這是絕對不可取的。

如何讓瀏覽器對截斷文字更加寬鬆?

P粉733166744P粉733166744232 天前368

全部回覆(1)我來回復

  • P粉545910687

    P粉5459106872024-03-31 11:38:30

    您可能需要共用 html 程式碼以便更好地理解佈局。

    要在Tailwind 中正確使用truncate 文本,請確保截斷的元素具有標籤<p>,在某些情況下,您可能需要嘗試將父元素設置為block ,或使用w-full 和/或避免flex

    Well-Being: The Foundation of Thriving Business

    同樣,沒有看到來源佈局,很難判斷這是否是最佳解決方案,因為可以使用Tailwind 提供的許多工具來避免水平滾動,例如網格佈局、基於螢幕尺寸的響應式佈局、寬度操作等。

    回覆
    0
  • 取消回覆