关于line-height

这里line-height设置位66px,高于height64px,老师说是給边框预留的,但是我感觉边框是a标签里面的,它本身已经算在height里面了,还有必要预留吗?

楚楚提 2018-09-16

源自：项目：JavaScript轮播图 4-2 导航菜单样式

收起

3回答

慕羲 2018-09-19 19:24:43

有必要预留，因为a标签，是在menu-iterm内。

收起回答

提问者楚楚提 2018-09-16 16:26:47

收起回答

好帮手慕阿莹 2018-09-16 14:06:14

边框不是a标签里边的。它是向外的添加的。

比如我们给它添加一个比较粗的边框。

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title>location对象</title>
		<style>
		a{
		border:20px solid red;
		height:5px;
		}
		</style>
    </head>
    <body>
      
         <a>dddd </a>
    </body>
   
     
</html>

如果我的回答解决了你的问题,请采纳,祝学习愉快.

收起回答

提问者楚楚提 #1

我知道是标签向外添加的,你看我新上传的截图,我是说menu-item包含了a标签,但是设置line-height的时候却是把a的边框算了进去,按理来说不该是menu-item的height和line-height一致来保持垂直居中的吗?

2018-09-16 16:25:57
好帮手慕珊回复提问者楚楚提 #2

你好！一般设置height和line-height一致就可以了。祝学习愉快！

2018-09-17 10:57:51
慕羲回复提问者楚楚提 #3

每个主菜单导航下面有一条白线，白线高2px=66px-64px。

2018-09-19 18:26:37