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
Well-Being: The Foundation of Thriving Business
同样，没有看到源布局，很难判断这是否是最佳解决方案，因为可以使用 Tailwind 提供的许多工具来避免水平滚动，例如网格布局、基于屏幕尺寸的响应式布局、宽度操作等。
您可能需要共享 html 代码以便更好地理解布局。
要在 Tailwind 中正确使用
truncate文本，请确保截断的元素具有标签<p>，在某些情况下，您可能需要尝试将父元素设置为block，或使用w-full和/或避免flex同样，没有看到源布局，很难判断这是否是最佳解决方案，因为可以使用 Tailwind 提供的许多工具来避免水平滚动，例如网格布局、基于屏幕尺寸的响应式布局、宽度操作等。