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

Question

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

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

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

Answer 1

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

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

    
Well-Being: The Foundation of Thriving Business
    

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