有没有办法让reactJS在进入下一行时隐藏文本？

Question

我正在为小屏幕和大屏幕创建一个网络应用程序。假设我想"Stackoverflow helps a lot"在一行中显示标题。对于大屏幕来说这不是问题，但是当我将浏览器窗口拖动得较小时，一些文本会跳到下一行。有没有办法避免中断并显示“...”？例如，我可以"Stackoverfloy hel..."使用智能手机浏览器吗？谢谢

Answer 1

将此 css 添加到该元素

{

overflow: hidden;

white-space: nowrap;

}