如果不知道logo的高度,且logo高度与导航条的高度不一样,如何让logo在导航条中居中?

来源:2-4 编程练习

一拍

2019-11-19 22:14:24

如题

写回答

1回答

好帮手慕慕子

2019-11-20

同学你好,对于你的问题解答如下:

后面举例的方法都参考如下如所示的html结构。

http://img.mukewang.com/climg/5dd4b00c0912628008710346.jpg

1.通过display属性与vertical-align属性结合实现垂直居中, 示例:

http://img.mukewang.com/climg/5dd4b06009687b2008310842.jpg

效果图:

http://img.mukewang.com/climg/5dd4b076095d6c5a11730231.jpg

2. 可以使用flex布局, 目前阶段,同学不用纠结这几句代码具体意思是什么, 老师主要是举例子让同学知道还有这种实现的方式, 先简单了解一下即可,后面阶段会有详细的讲解

http://img.mukewang.com/climg/5dd4b196092226f705550642.jpg

效果图:

http://img.mukewang.com/climg/5dd4b2070914f11e11540231.jpg

一般情况下,我们都会给图片设置固定宽度或者高度,防止直接以图片本身的大小显示影响到布局效果。 而且, 目前阶段,我们实现的布局相对比较简单,同学可以直接使用固定高度通过计算实现垂直居中效果即可

如果帮助到了你, 欢迎采纳,祝学习愉快~

0

0 学习 · 40143 问题

查看课程