在移动设备领域，空白:nowrap;溢出:隐藏;文本溢出:省略号;有点不起作用

in mobile devices, white-space:nowrap; overflow:hidden; text-overflow:ellipsis; kinda do not work

本文关键字：溢出文本隐藏省略号不起作用移动 nowrap 空白更新时间：2023-09-26

我正在使用引导程序，当屏幕得到xs时，white-space:nowrap; overflow:hidden; text-overflow:ellipsis;的效果就不起作用了。当屏幕变大时，我希望长文本有white-space:nowrap; overflow:hidden; text-overflow:ellipsis;，但它们仍然会继续。

很抱歉，如果不清楚的话。在我的网站上，用户可以发布任何内容。并且正在显示标题。如果标题太长，它们会被white-space:nowrap; overflow:hidden; text-overflow:ellipsis;截断但当屏幕变小时，标题的长度保持不变，从而破坏了表格的结构。

因此，我希望标题在屏幕大小减小时具有white-space:nowrap; overflow:hidden; text-overflow:ellipsis;的效果。

我该如何做到这一点？

在移动设备中，由于屏幕大小小于480px，因此元素一个接一个，因此overflow属性可能不起作用。