您的< a>标签是一个内联元素,并且它出现在HTML5内联元素中,它们依赖于其父“块”元素的线高度(或一直到< body>样式,如果是直接父代)。
例:
body { line-height:20px; }
a { line-height:12px; }
和这个标记:
< a>标签的行高为20像素,不能为12像素。
所以你的’inline’< a style =“line-height:12px;” HREF = “#” >东西< / A>没有工作,但是当你把它包裹在'block'级'&div。因为块元素可以规定行高。 通过将内嵌元素包装在块元素中,通过使用CSS来使标签显示“inline-block”,这比通过将内嵌元素封装在块元素中更好的方法。 < a style =“display:inline-block; line-height:12px;” HREF = “#” >东西< / A> 更好的是,给你的< a>一个类(将“xx”更改为某个语义):
然后在你的CSS文件中将该类设置为’inline-block’:
.xx { display:inline-block; line-height:12px; }
希望有帮助。