对齐导航栏中心的元素，但一个（或多个）元素除外

Posted 2021-04-17

我有这个application，用RMarkdown编写：

我尝试将.navbar元素居中，除了右侧的图标。此代码效果很好：

.navbar-nav {
  position: absolute;
  left: 50%;
  transform: translatex(-50%);
}

但是图标在中间：

我只希望此图标位于“初始位置”。我尝试使用以下代码强制这种持久性：

.fa-question-circle {
  float: right !important;
}

但是什么也没发生。

答案

我认为此CSS会对您有所帮助

.fa-question-circle {
    left: auto;
    right: 10px;
    transform: none;
}

如果没有，我们需要您的html来查看导航栏的结构