Ich habe Probleme bei der Verwendung der Tailwinds-Klasse truncate
: https://tailwindcss.com/docs/text-overflow#truncate
Das scheint ein superintelligentes Dienstprogramm zu sein, aber der Browser scheint alles zu tun, um den Text nicht abzuschneiden – einschließlich extrem langer horizontaler Scrollvorgänge, was definitiv nicht ratsam ist.
Wie kann man Browser nachsichtiger gegenüber abgeschnittenem Text machen?
您可能需要共享 html 代码以便更好地理解布局。
要在 Tailwind 中正确使用
truncate
文本,请确保截断的元素具有标签<p>
,在某些情况下,您可能需要尝试将父元素设置为block
,或使用w-full
和/或避免flex
同样,没有看到源布局,很难判断这是否是最佳解决方案,因为可以使用 Tailwind 提供的许多工具来避免水平滚动,例如网格布局、基于屏幕尺寸的响应式布局、宽度操作等。