如果不知道logo的高度,且logo高度与导航条的高度不一样,如何让logo在导航条中居中?
来源:2-4 编程练习
一拍
2019-11-19 22:14:24
如题
1回答
同学你好,对于你的问题解答如下:
后面举例的方法都参考如下如所示的html结构。
1.通过display属性与vertical-align属性结合实现垂直居中, 示例:
效果图:
2. 可以使用flex布局, 目前阶段,同学不用纠结这几句代码具体意思是什么, 老师主要是举例子让同学知道还有这种实现的方式, 先简单了解一下即可,后面阶段会有详细的讲解
效果图:
一般情况下,我们都会给图片设置固定宽度或者高度,防止直接以图片本身的大小显示影响到布局效果。 而且, 目前阶段,我们实现的布局相对比较简单,同学可以直接使用固定高度通过计算实现垂直居中效果即可
如果帮助到了你, 欢迎采纳,祝学习愉快~
相似问题