如何制作谷歌导航栏

小小B0Y

所以我尝试了很多技术,但是没有一个起作用。我是HTML的新手,只是在大学里学习它,然后尝试制作一个类似google的导航栏我的问题是将正确的链接居中。我想vertical-alignposition: relative/absolutetop:50%,但它仍然无法正常工作。有什么建议?

当前代码

的CSS

nav{border-bottom:2px solid black; height:60px;}
        #right{float:right;}
        #left{float:left;}

的HTML

<nav>
    <div id="left">Test (Will be an image in the future)</div>
    <div id="right">Test</div>
    </nav>
j08691

一种方法是将:添加line-height:60px到您的规则中nav

nav {
    border-bottom:2px solid black;
    height:60px;
    line-height:60px;
}

jsFiddle示例

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

如何制作粘性导航栏?

来自分类Dev

如何制作右导航栏图标?

来自分类Dev

如何制作动态的Vue导航栏?

来自分类Dev

如何制作水平滚动的导航栏?

来自分类Dev

如何制作纯CSS滑块的导航栏?

来自分类Dev

Bootstrap 3:如何制作居中导航栏

来自分类Dev

如何在SwiftUI中制作半透明的导航栏?

来自分类Dev

如何在Highstock导航器上方制作颜色栏?

来自分类Dev

如何制作像WikiHow这样的导航栏?继续

来自分类Dev

如何使用3个导航栏上的徽标制作徽标?

来自分类Dev

如何使用JS和CSS制作浮动导航栏?

来自分类Dev

如何在导航栏拉伸上制作单个项目?

来自分类Dev

如何从导航栏中的图标制作下拉菜单?

来自分类Dev

如何在导航栏中制作文章列表

来自分类Dev

如何使用 ReactNative 制作自定义导航栏?

来自分类Dev

如何根据网页的部分制作自动导航栏?

来自分类Dev

如何修复白色背景。尝试制作透明导航栏

来自分类Dev

如何制作菜单,导航栏,导航药片,导航堆栈折叠Twitter-bootstrap 3.0

来自分类Dev

使用MaterialzeCss制作侧面导航栏?

来自分类Dev

如何使导航栏透明

来自分类Dev

如何使导航栏透明

来自分类Dev

如何重叠导航栏

来自分类Dev

如何中心导航栏

来自分类Dev

如何设置导航栏

来自分类Dev

如何移动导航栏?

来自分类Dev

如何使用Angular材质2制作响应式导航栏?

来自分类Dev

如何在Flutter中制作自定义底部导航栏

来自分类Dev

如何制作可以在鼠标悬停时单独更改大小的导航栏?

来自分类Dev

如何制作一个不会降低我所有内容的导航栏?