html+css 前端开发 在li列表里面a的高度为什么与第二个li里面a的高度不同呀?

html-css011

html+css 前端开发 在li列表里面a的高度为什么与第二个li里面a的高度不同呀?,第1张

line-height是行高,不是指a的高度

a属于没有宽高的内联元素,其高度受到字体大小和字数,行高等影响

如果你设置了统一的样式,字数一样的情况下是不会有差别的

这个差别的出现你可以检查一下是否因为内容的差异造成的

还有就是一般来说,我们都会设置a元素成为块元素,让它完全

填充li,这样你想点击a标签时会更大的范围,更好点击

-------

其次我非常不建议你乱使用>这个标识,这是在html中容易造成混乱

你一个疏忽将会很难找出异常

最后有用别忘记采纳哦亲

每个元素都有一个默认display(由浏览器自动设置),这个属性决定了元素的展现模式及与周围元素的关系,一般分几种:

block 块级,这种模式的元素一般一个元素独占一行,一般是div p h1 这种独立区块或一整段文本

inline 行内级,多个inline元素会挤在一起,直到一行放不下了才换行,一般是a span strong这种文本中关键词的部分,话说img也是行内元素,这类元素会根据内容来计算高度,不能手动设高度或垂直方向的内外边距

其他类型display,比如table这种特殊元素有特殊的展现控制规则

最后,我们可以手动改变元素的display,如果题主想设置a的高度,又不想让他单独成行,可以设置display为inline-block,可以吸收两种类型的特点,是常用的方式

当然,还是建议深入了解下CSS盒模型,因为很重要