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