Html 如何在手机上移动到新的一行，将句子的最后一个单词，并在桌面模式下将句子分成3行？

我有一个设计师给我的模型，我必须用HTML和CSS来模拟它。桌面上有一个标题必须如下所示：

成长

生意

更快

，在移动设备中，它必须看起来像：

发展业务

更快

我还没想好怎么做

你能给我一个线索吗

谢谢

我尝试过word break，但尚未成功。

您可以在中使用标记，为其设置CSS规则，并使用媒体查询显示/隐藏它：

.a{ 显示：无； } @媒体屏幕和最小宽度：480px{ .a{ 显示：内联； } } 更快地发展您的业务您可以在中使用标记，为其设置CSS规则和显示/隐藏它的媒体查询：

.a{ 显示：无； } @媒体屏幕和最小宽度：480px{ .a{ 显示：内联； } } 更快地发展业务试试这个

试试这个

---

word break属性指定单词到达行尾时应如何断开

您可以使用HTML和CSS的组合

@媒体屏幕和最大宽度：768px{ 标题跨度{ 显示：块； } } 发展业务

---

word break属性指定单词到达行尾时应如何断开

您可以使用HTML和CSS的组合

@媒体屏幕和最大宽度：768px{ 标题跨度{ 显示：块； } } 发展业务

---

为什么不直接将类应用于？为什么不直接将类应用于？

<style>
      @media screen and (max-width: 467px){
          .newline{
               display:block;
                    }
                      }
          </style>
    <p>Grow your <span class="newline">business</span></p>