TailwindCSS의 잘린 클래스는 사용되지 않습니다. - 가로 스크롤이 많이 발생합니다.

Question

Tailwinds truncate 클래스를 사용하는 데 문제가 있습니다: https://tailwindcss.com/docs/text-overflow#truncate

이것은 매우 스마트한 유틸리티처럼 보이지만 브라우저는 매우 긴 가로 스크롤을 포함하여 텍스트를 자르지 않도록 모든 작업을 수행하는 것으로 보이며 이는 확실히 권장되지 않습니다.

잘린 텍스트에 대해 브라우저를 더 관대하게 만드는 방법은 무엇입니까?

Answer 1

레이아웃에 대한 더 나은 이해를 위해 HTML 코드를 공유할 수도 있습니다.

Tailwind에서 올바르게 사용하려면 truncate 文本，请确保截断的元素具有标签 <p>，在某些情况下，您可能需要尝试将父元素设置为 block ，或使用 w-full 和/或避免flex

으아아아

다시 말하지만, 소스 레이아웃을 보지 않고서는 이것이 최선의 솔루션인지 말하기 어렵습니다. 그리드 레이아웃, 화면 크기에 따른 반응형 레이아웃, 너비 조작 등 Tailwind에서 제공하는 많은 도구를 사용하면 가로 스크롤을 피할 수 있기 때문입니다. 등.