html - 屏幕太小时将标题放在2行上

我目前正在使用redux构建一个React Web应用程序。我正在尝试使页面尽可能地响应。目前，我在顶部显示的标题是：

要做的动作：逾期：

当我减小页面尺寸时，标题将根据屏幕尺寸自动替换，如下所示。

1- Actions to do: Past due:

2- Actions to do: Past due:

3- Actions to do: Past due:

我想跳过第二部分，并自动转到2行。

我的代码：

return (
    <h3><Translate value='application.my_actions_to_do'/> {totalCountDetection} <p className='ActionPastDue'> {exceedLimit > 0 && <Translate value='application.including' />} {exceedLimit} {exceedLimit > 0 && <Translate value='application.past_due' />} </p></h3>
  );

在此示例中，Translate，totalCountDetection，extraLimit都是变量。

要分隔的2行将是2 Translate value = ...，但前提是我的屏幕足够小，以致于它们无法容纳在同一行上。

谢谢

最佳答案

使用 是否可以解决此问题？例如...

Actions to do: Past due:

这样可以确保单词“过去”和“到期”始终在一起。

关于html - 屏幕太小时将标题放在2行上，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/44465698/