                        课程
                    
                        /前端开发
                        
                            /JavaScript
                        
                        /形形色色的下拉菜单

为什么设置行高,a标签上移就出错了

.top-nav li a { height: 40px; line-height: 40px; text-decoration: none; width: 90px; display: block; text-align: center; background:#ccc; } 为什么设置行高,a标签上移就出错了

苦涩的微笑

2015-10-27

源自：形形色色的下拉菜单 4-3

关注问题我要回答

2220

操作

收起

1 回答

Yvonne_D
2015-12-06

你设置了a标签block，a的部分就会一直显示出来。鼠标没悬浮的时候，只显示中文部分，也就是“首页”两个字占40px的高度，居中。当鼠标悬浮，a标签是block显示，span也是block显示，中英文都显示出来了，两行就占了40px，原本的中文就会向上移动。如果你直接去掉a标签里面的display: block;，那高度的设置自然不起作用了，就正常了。