课程: HTML and CSS: Creating Navigation Bars

今天就学习课程吧！

今天就开通帐号，24,700 门业界名师课程任您挑！

Placing a logo in the center of a horizontal nav bar

Placing a logo in the center of a horizontal nav bar

课程: HTML and CSS: Creating Navigation Bars

开始一个月试用 购买团队方案

Placing a logo in the center of a horizontal nav bar

“

- [Instructor] The nav bar we've been creating so far looks great. If you put that up on your website, you could definitely be proud of that and it would be a lovely thing to have on any website. But there are some other patterns that people have started to use these days that are inspired by some of the things that Flexbox lets us do. One of the things that you might want to do, is you might want to take your logo and put it in the center of your navigation bar. Now this is going to work best if you have an even number of navigation items. That way you can put your logo exactly in the center of that bar and everything will be great. So, right now in this navigation bar, we have seven navigation items. And so the logo will wind up looking a little bit off center. So, let's just comment out this last link here. This is for Twitter. We're just going to start there by commenting this out, so that you can see that this works. And then the next thing I want to do is put my navigation item…

内容