Css 如何为狩猎制作这个？

-

我想把菜单项包装成两行，第二行必须在第一个单词之后开始。 对于空白：正常，第一行伪元素的字间距和宽度css属性在Chrome、Firefox中工作正常，但在Safari中不工作

为什么这个css在Safari中不起作用

.menu {
  max-width: 1200px;
  display: flex;
  justify-content: space-between;
  margin: 30px auto;
  list-style: none;
}
.menu-item {
  width:  calc(100% / 5);
   white-space: normal;
}
.menu-item:first-line {
  word-spacing: 200px;
  color: red;
}

---

有什么想法吗？

在狩猎中是什么样子的？您使用的是什么版本的Safari？我建议您只需将每个链接的第一个单词用display:block applicated包装在自己的span标记中，或者使用
Safari 14.0.3（16610.4.3.1.4）[引用]我建议您只需将每个链接的第一个单词用display:block applicated包装在自己的span标记中，或者使用一个
–Fabrizio Calderan[/quote]这段代码就是一个例子，我不能把它当作html编辑。