老师好，各位同学好

请问一下，这里把a设置成display:block;和display:inline-block;有没有什么不一样呢.我试过了看起来是一样的，那其他方面有没有什么不同啊 0 0 谢谢!

Devisn

2015-04-02

源自：导航条菜单的制作 2-3

关注问题我要回答

1132

操作

收起

3 回答

牙尖十怪
2015-04-02

你只单纯看<a>标签的效果是看不出来什么的。a标签在HTML中不是块状元素，display:block的作用就是用来把a标签转换成和div那样的块状元素，能够设置宽高被支撑起来，display:inline-block则是在把a标签转换成块元素的同时，会影响它周边的同级元素，强制让它们和a标签在同一行内。简单来说，两个属性都是转换为块元素，所以你只看a标签是看不出效果的，display:inline-block受影响的是它周边的元素。