Die abgeschnittenen Klassen von TailwindCSS werden nicht verwendet, was zu viel horizontalem Scrollen führt
P粉733166744
P粉733166744 2024-03-30 18:26:21
0
1
375

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?

P粉733166744
P粉733166744

Antworte allen(1)
P粉545910687

您可能需要共享 html 代码以便更好地理解布局。

要在 Tailwind 中正确使用 truncate 文本,请确保截断的元素具有标签 <p>,在某些情况下,您可能需要尝试将父元素设置为 block ,或使用 w-full 和/或避免flex

Well-Being: The Foundation of Thriving Business

同样,没有看到源布局,很难判断这是否是最佳解决方案,因为可以使用 Tailwind 提供的许多工具来避免水平滚动,例如网格布局、基于屏幕尺寸的响应式布局、宽度操作等。

Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage