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

Posted 2020-11-05

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

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

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