解决nav部分占两行的问题
来源：3-4 企业网站制作之导航部分制作（一）
一个好学生2015
2016-04-19 08:54
nav部分占两行的问题 原因：img作为内联元素，会和文字一样具有行高和字号属性，默认对齐baseline.通过截图可以看到，nav部分实际高是83px>80px，溢出了。 解决方案有以下四种（根据情况任选其一）： 1、.logo加上overflow:hidden; 2、.logo_left img 设置display:block; 3、.logo_left img 设置vertical-align:middle/bottom/top 都可以。 4、.logo_left 设置 font-size:0; 参考答案：https://www.zhihu.com/question/21558138
写回答
关注
3回答
-
- 繁星鸢尾
- 2016-06-12 17:57:27
已经弄明白了！几种方法确实是对的！谢谢你~
-
- 繁星鸢尾
- 2016-06-12 17:50:51
几种方法都试过了，都变成了
-
- 隆先生
- 2016-04-19 15:01:28
nav部分占两行的问题 原因：img作为内联元素，会和文字一样具有行高和字号属性，默认对齐baseline.通过截图可以看到，nav部分实际高是83px>80px，溢出了。 解决方案有以下四种（根据情况任选其一）： 1、.logo加上overflow:hidden; 2、.logo_left img 设置display:block; 3、.logo_left img 设置vertical-align:middle/bottom/top 都可以。 4、.logo_left 设置 font-size:0; 参考答案：https://www.zhihu.com/question/21558138
企业网站综合布局实战
本课程重点介绍HTML/CSS实现常见企业网站布局的方法
157044 学习 · 1984 问题
相似问题