永发信息网

求解为何给a标签设上下两边的padding会有效?

答案:3  悬赏:0  手机版
解决时间 2021-04-27 13:21
  • 提问者网友:眉目添风霜
  • 2021-04-27 07:25

这几天在改别人的一个站的时候发现一页面中,a标签的上下padding有效,前提是它并没float,也没有display:block,更没有触发什么haslayout,使之成为inline-block,那就很郁闷了,

我写了这么长时间的CSS,潜意识里inline元素都是padding无效的,

难不成a是可置换行内元素?再或者是我文档头部没加doctype?(但是我确实是加了的阿)

最佳答案
  • 五星知识达人网友:你哪知我潦倒为你
  • 2021-04-27 08:20

页面doc对于很多程序员确实容易迷糊,但它很重要,它标示页面使用的代码标准,你这里使用的是XHTML 1.0 Transitional表示页面代码使用宽松的xhtml 1.0标准,这样浏览器解释页面的时候就会按照这个标准执行,除了这个标准意外还有html strict,xml等,一个用不标准的html编写的页面在xhtml transitional下可以正常执行但是在被标示为html strict,xml标准下则直接错误,删除doc以后叫做我们常说的怪异模式,浏览器也可以尝试执行。
a不是块级元素所以padding上下不起作用,添加display:block后即可,


参考~  斌斌

全部回答
  • 1楼网友:我住北渡口
  • 2021-04-27 11:21

元素都有padding和margin的,不过inline元素垂直方向是撑不开的,因为它的高是由line-height决定的。

你可以给a元素一个背景和边框,然后改变她的padding,你可以看到变化的。

  • 2楼网友:封刀令
  • 2021-04-27 09:55
inline元素的padding也是有效的
我要举报
如以上回答内容为低俗、色情、不良、暴力、侵权、涉及违法等信息,可以点下面链接进行举报!
点此我要举报以上问答信息
大家都在看
推荐资讯