html - 如何获得导航栏布局？

我正在尝试使用HTML和CSS来实现这种布局，但是我却一无所获。我尝试过这样的事情：

ul#nav-links-left
    Home
    Schedule
    Course & Venue

ul#nav-logo-center
    Image of logo

ul#nav-links-right
    Awards
    Results
    Contact

并分别向左，中和右浮动它们-无效。我也尝试过这样的事情：

ul
    Home
    Schedule
    Course & Venue

    Image of logo

    Awards
    Results
    Contact

但我无法使徽标位于页面的确切中心。

徽标必须位于页面中央，链接的左右部分必须具有相同的宽度，并且链接必须均匀分布。

有小费吗？

最佳答案

div#nav-parent{position:relative;} ul#nav-logo-center{position:absolute;top:0;left:50%;margin-left:-35px;}

“ -35px”是图像宽度的一半

关于html - 如何获得导航栏布局？，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/37494262/