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

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

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

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

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

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

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

-------

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

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

最后有用别忘记采纳哦亲

1、新建一个html文件，命名为testhtml。

2、在testhtml文件内，创建一个div模块，在div标签内，使用ul、li标签创建一个无序列表。

3、在testhtml文件内，设置div的class为mydiv，主要用于设置div的css样式。

4、在css标签内，通过class设置div的宽度为300px，高度为200px，背景颜色为灰色。

5、在testhtml文件内，再设置无序列表ul的样式 ，使用width属性设置其宽度为100px，同时使用margin属性设置其居中显示。

6、在浏览器打开testhtml文件，查看实现的效果。

一般直接打开这几种浏览器来回测试。网站做多了自然就有经验了。最好用的莫过于!important，ff下可以识别，而ie下不可以，这样就可以把ie和ff区分开来了。我的感觉：

1 ul

这个在global下就设置好，否则ff下默认是有小圆点和空白的。

2 overflow:hidden;

这样可以自适应高度。

另外：

CSS 兼容要点：DOCTYPE 影响 CSS 处理

FF: div 设置 margin-left, margin-right 为 auto 时已经居中, IE 不行

FF: body 设置 text-align 时, div 需要设置 margin: auto(主要是 margin-left,margin-right) 方可居中

FF: 设置 padding 后, div 会增加 height 和 width, 但 IE 不会, 故需要用 !important 多设一个 height 和 width

div 的垂直居中问题: vertical-align:middle; 将行距增加到和整个DIV一样高 line-height:200px; 然后插入文字，就垂直居中了。缺点是要控制内容不要换行

cursor: pointer 可以同时在 IE FF 中显示游标手指状， hand 仅 IE 可以

FF: 链接加边框和背景色，需设置 display: block, 同时设置 float: left 保证不换行。参照 menubar, 给 a 和 menubar 设置高度是为了避免底边显示错位, 若不设 height, 可以在 menubar 中插入一个空格XHTML+CSS兼容性解决方案小集

另外,站长团上有产品团购,便宜有保证

以上就是关于html+css 前端开发 在li列表里面a的高度为什么与第二个li里面a的高度不同呀全部的内容，包括:html+css 前端开发 在li列表里面a的高度为什么与第二个li里面a的高度不同呀、怎么设在html中无序列表<li>之间的距离、css 中li 标签的高为什么要跟链接里面的高一致等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！