如何避免导航栏文本换行？解决Portfolio-updates分行问题

• 强制文本不换行：给该导航项元素添加以下CSS属性，直接阻止文本自动换行：

  white-space: nowrap;
  

• 确保容器宽度足够：若导航栏容器宽度不足导致换行，可设置容器自适应内容宽度：

  .nav-item {
    min-width: fit-content;
  }
  

  也可针对该导航项设置固定宽度（需根据实际内容调整）：

  .nav-item.portfolio-updates {
    width: 150px;
  }
  

• 调整字体或内边距：如果容器宽度无法调整，可适当缩小字体或减少内边距来适配：

  .nav-item.portfolio-updates {
    font-size: 14px;
    padding: 0 8px;
  }
  

若以上方案未解决问题，建议提供对应的HTML和CSS代码片段，以便更精准定位问题。

内容的提问来源于stack exchange，提问作者Roedie