Les classes tronquées de TailwindCSS ne sont pas utilisées, ce qui entraîne beaucoup de défilement horizontal

Question

J'ai du mal à utiliser la classe Tailwinds truncate : https://tailwindcss.com/docs/text-overflow#truncate

Cela semble être un utilitaire super intelligent, mais le navigateur semble faire tout pour ne pas tronquer le texte - y compris des défilements horizontaux très longs, ce qui n'est certainement pas conseillé.

Comment rendre les navigateurs plus indulgents envers le texte tronqué ?

Answer 1

Vous souhaiterez peut-être partager le code html pour une meilleure compréhension de la mise en page.

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

    
Well-Being: The Foundation of Thriving Business
    

Encore une fois, sans voir la disposition source, il est difficile de dire si c'est la meilleure solution, car le défilement horizontal peut être évité en utilisant de nombreux outils fournis par Tailwind, tels que la disposition en grille, la disposition réactive basée sur la taille de l'écran, la manipulation de la largeur, etc.