特定状况下,上级领导的非超级链接接文字 lin

2021-02-27 05:01 admin
body { line-height:25px; } div { width:100px; height:40px; overflow:hidden; } div a { line-height:20px; } /style /head body /body

看如上编码,div 随后是 a,并没有空白页标识符,因此 a 的行高好像应当响应 line-height:20px; 那麼这一段超级链接接行高应当是 20px,而 div 为 40px,换句话说,应当恰好能显示信息出 2 行来,可是实际效果确是:

指定情况下,上级的非超链接文本 line-height 会影响下级的超链接

 并沒有显示信息全,表明行高是超过 20px 的,再科学研究发觉,这儿行高响应的是 body 的 line-height。

这就怪异了:为何超级链接接的 line-height 不响应区级 a 的,想要响应 body 的呢?

历经检测原先是那样的:

1、特定了  !DOCTYPE html

2、超级链接接的行高,取上级领导 line-height 与超级链接接 line-height 的较大值,即谁大听谁的。

处理方法:

法一、能够不特定  !DOCTYPE html ,或是换作  !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN TR/xhtml1/DTD/xhtml1-transitional.dtd

法二、为 a 的上级领导特定 line-height 和 a 一样,例如文中就必须给 div 特定行高 20px。

文中在 Chrome 中检测,我如何觉得这一是 BUG。