Die abgeschnittenen Klassen von TailwindCSS werden nicht verwendet, was zu viel horizontalem Scrollen führt

Question

Ich habe Probleme bei der Verwendung der Tailwinds-Klasse truncate: https://tailwindcss.com/docs/text-overflow#truncate

Das scheint ein superintelligentes Dienstprogramm zu sein, aber der Browser scheint alles zu tun, um den Text nicht abzuschneiden – einschließlich extrem langer horizontaler Scrollvorgänge, was definitiv nicht ratsam ist.

Wie kann man Browser nachsichtiger gegenüber abgeschnittenem Text machen?

Answer 1

您可能需要共享 html 代码以便更好地理解布局。

要在 Tailwind 中正确使用 truncate 文本，请确保截断的元素具有标签 <p>，在某些情况下，您可能需要尝试将父元素设置为 block ，或使用 w-full 和/或避免flex

    
Well-Being: The Foundation of Thriving Business
    

同样，没有看到源布局，很难判断这是否是最佳解决方案，因为可以使用 Tailwind 提供的许多工具来避免水平滚动，例如网格布局、基于屏幕尺寸的响应式布局、宽度操作等。