Tailwinds truncate 클래스를 사용하는 데 문제가 있습니다: https://tailwindcss.com/docs/text-overflow#truncate
truncate
이것은 매우 스마트한 유틸리티처럼 보이지만 브라우저는 매우 긴 가로 스크롤을 포함하여 텍스트를 자르지 않도록 모든 작업을 수행하는 것으로 보이며 이는 확실히 권장되지 않습니다.
잘린 텍스트에 대해 브라우저를 더 관대하게 만드는 방법은 무엇입니까?
레이아웃에 대한 더 나은 이해를 위해 HTML 코드를 공유할 수도 있습니다.
Tailwind에서 올바르게 사용하려면 truncate 文本，请确保截断的元素具有标签 <p>，在某些情况下，您可能需要尝试将父元素设置为 block ，或使用 w-full 和/或避免flex
<p>
block
w-full
flex
다시 말하지만, 소스 레이아웃을 보지 않고서는 이것이 최선의 솔루션인지 말하기 어렵습니다. 그리드 레이아웃, 화면 크기에 따른 반응형 레이아웃, 너비 조작 등 Tailwind에서 제공하는 많은 도구를 사용하면 가로 스크롤을 피할 수 있기 때문입니다. 등.
![[웹 프런트엔드] Node.js 빠른 시작](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
레이아웃에 대한 더 나은 이해를 위해 HTML 코드를 공유할 수도 있습니다.
Tailwind에서 올바르게 사용하려면
으아아아truncate文本，请确保截断的元素具有标签<p>，在某些情况下，您可能需要尝试将父元素设置为block，或使用w-full和/或避免flex다시 말하지만, 소스 레이아웃을 보지 않고서는 이것이 최선의 솔루션인지 말하기 어렵습니다. 그리드 레이아웃, 화면 크기에 따른 반응형 레이아웃, 너비 조작 등 Tailwind에서 제공하는 많은 도구를 사용하면 가로 스크롤을 피할 수 있기 때문입니다. 등.