首页 前端知识 CSS中为什么padding不生效

CSS中为什么padding不生效

2024-04-03 12:04:08 前端知识 前端哥 294 693 我要收藏

1、在span标签中或者label标签中为什么padding不生效。

因为span标签、label标签属于行内元素,行内元素里面的上下padding是无法改变的,也就是不生效的,但是左右padding是生效的。设置width和height也是不生效。其实是同理

解决方法

把span标签 或者 label标签转为行内块元素即可

 

display:block //块元素,简单理解为:元素独自占一行

display:inline  //  行内元素。简单理解为:可以并排在同一行,宽、高、边距不可修改,修改无效

display:inline-block  // 行内块元素。可并排在同一行,且可以修改宽高和边距

转载请注明出处或者链接地址:https://www.qianduange.cn//article/4417.html
标签
评论
发布的文章

java解析超大json文件数据

2024-04-19 21:04:10

头歌-JavaScript基础

2024-04-19 21:04:54

C#Json序列化及反序列化

2024-04-19 21:04:40

大家推荐的文章
会员中心 联系我 留言建议 回顶部
复制成功!