将加载器与无序列表元素的中心对齐

Question

我有一个带有bootstrap 3和Angular JS的导航栏。在这个导航栏上，我有一个带有li元素的无序列表。下面我展示了导航栏的一部分：

导航栏的代码是：

net.sf.jasperreports.governor.max.pages

当没有加载AHT，EHT和ABuffer的数据时，我会显示一个带有ng-show =＆＃34; htLoading＆＃34;的字形。 angularJS指令。但他们看起来：

在我看来，它看起来并不好。因此，我希望将这些加载器移动到每个列表元素的中心。我怎么能这样做？有可能吗？

Answer 1

您可以使用flex

执行此操作

ul.nav{
  display: flex;
  justify-content: space-between; /* gives equal space between all li items*/
}

使用它的优点是您不必担心加载动态数据的内容长度。