为什么要在.menu-item.a设置block

在设置CSS的时候为什么.menu-item.a的display属性要设置成block？

偶尔下雪 2017-09-09

源自：项目：JS实现轮播特效 4-2 导航菜单样式

21

收起

1回答

英姿飒爽豆腐块 2017-09-10 11:35:49

你可以试试不设置成block的效果，结果就是只有字的部分才有下边框，变成用块级元素设置下边框才有用，因为内联元素是无法设置宽高的，不能设置宽高那么底下的那条线就无法设置长度，所以只能让其变成块级元素才可以

提问者偶尔下雪 #1

既然内联元素是无法设置宽高的，不能设置宽高那么底下的那条线就无法设置长度，那么按照这个逻辑，字的部分也是内联元素啊，也应该没效果没有下边框才对啊，而字的部分却有下边框是为什么啊？

2017-09-10 22:19:01
卡布琦诺回复提问者偶尔下雪 #2

建议你重新温故一下课程，看看老师在讲课的时候演示代码的区别，另外不设置成块元素的时候，边框线是可以被字体的宽度撑开的，像这样的<!DOCTYPE html> <html lang="zh"> <head> <meta charset="UTF-8" /> <title>Document</title> <style> a{ border-bottom:2px solid red; } </style> </head> <body> <a href="">看看我有没有下边框线啊</a> </body> </html>祝学习愉快！

2017-09-11 09:57:22

相似问题

老师，为什么self.page_queue.get()中block的参数要设置为False呢？

老师我不理解为什么设置input的高宽，有时需要block有时又不需要。

menu-box设置两次透明度，如果是担心字体变透明只用rgba设置不行吗？

menu-box的z-index设置为1，小的显示在下面，那不就被banner盖住了吗？

为什么设置display:inline-block;才能让蓝色块下移，

登录后可查看更多问答，登录/注册

前端小白入门系列课程

参与学习人
提交作业 11218 份
解答问题 36713 个

从一个不会编程的小白到一个老司机是需要过程的，首先得入门，学习基础知识，然后才能进阶，最后再到精通，本专题是你走进前端世界的不二选择！

本课精华内容

问答作业

为什么我的没有框

5 45

表格的问题

377 41

大家好,body前面有一个红色的小××，麻烦大家帮我看看

378 40

到底是cellspacing还是cellpacing?

0 35

课间活动的表格怎么实现，想了很久也想不出来

60 30

查看更多本课问答

请稍等 ...

意见反馈帮助中心 APP下载