html - 导航栏在两侧重复图像

Question

我目前尝试用图像制作一个导航栏，导航栏应该位于中间居中，图像在两侧 重复。然而，图片仅在右侧重复。有人有解决方案吗？

#leftHalf {
   background: url(images/bg-1.jpg);
   width: 50%;
   position: absolute;
   left: 0px;
   height: 100%;
}
#rightHalf {
   background: url(images/bg-2.jpg);
   width: 50%;
   position: absolute;
   right: 0px;
   height: 100%;
}

我也发现了这个，但它(上图)仅用于背景，我是否必须将导航栏分开在 2 个容器中？

JSFIDDLE

这就是我到目前为止所得到的。感谢您的帮助。

Answer 1

你需要设置 ul 为 text-align:center;

find updated fiddle

.navbar2 ul{
text-align: center;
}