行内元素可以设置padding和margin吗

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了行内元素可以设置padding和margin吗相关的知识,希望对你有一定的参考价值。

第一:行内元素与宽度
宽度不起作用
span {
width:200px;
}没有变化

第二:行内元素与高度
高度不起作用
span{
height:200px;
}
没用变化

第三:行内元素与padding,margin
span{
padding:200px;
}
影响左右,不影响上下
行内元素(inline-block)的padding左右有效 ,但是由于设置padding上下不占页面空间,无法显示效果,所以无效。其margin-top和padding-bottom上下会合并,所以不建议使用。

以上是关于行内元素可以设置padding和margin吗的主要内容,如果未能解决你的问题,请参考以下文章

块级元素和行内元素

行内元素与块元素的区别,及常用块元素和常用行内元素

彻底搞懂行内元素,块级元素,行内块元素

块元素 行内元素 行内快

行内元素和块级元素的具体区别是什么?行内元素的padding和margin可设置吗?

css常见问题