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

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

创新互联建站技术团队10多年来致力于为客户提供成都做网站、成都网站建设、成都品牌网站建设成都全网营销、搜索引擎SEO优化等服务。经过多年发展,公司拥有经验丰富的技术团队,先后服务、推广了1000多家网站,包括各类中小企业、企事单位、高校等机构单位。

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

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


标题名称:行内元素可以设置padding和margin吗
本文路径:http://hbruida.cn/article/gjjocs.html