Kelas terpenggal TailwindCSS tidak digunakan - menyebabkan banyak tatal mendatar

Question

Saya menghadapi masalah menggunakan kelas Tailwinds truncate: https://tailwindcss.com/docs/text-overflow#truncate

Ini kelihatan seperti utiliti super pintar, tetapi penyemak imbas nampaknya melakukan apa sahaja untuk tidak memotong teks - termasuk skrol mendatar super panjang, yang pastinya tidak digalakkan.

Bagaimana untuk menjadikan penyemak imbas lebih lembut tentang teks yang dipotong?

Answer 1

Anda mungkin mahu berkongsi kod html untuk pemahaman yang lebih baik tentang reka letak.

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

    
Well-Being: The Foundation of Thriving Business
    

Sekali lagi, tanpa melihat reka letak sumber, sukar untuk mengetahui sama ada ini adalah penyelesaian terbaik, kerana tatal mendatar boleh dielakkan menggunakan banyak alat yang disediakan oleh Tailwind, seperti susun atur grid, susun atur responsif berdasarkan saiz skrin, manipulasi lebar, dan lain-lain.