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 提供的许多工具来避免水平滚动，例如网格布局、基于屏幕尺寸的响应式布局、宽度操作等。