第一:行内元素与宽度
宽度不起作用
span {
width:200px;
}没有变化
第二:行内元素与高度
高度不起作用
span{
height:200px;
}
没用变化
第三:行内元素与padding,margin
span{
padding:200px;
}
影响左右,不影响上下 ,span包裹的文字左右位置改变,上下位置不变,但背景色会覆盖上面元素的内容
行内元素(inline-block)的padding左右有效 ,但是由于设置padding上下不占页面空间,无法显示效果,所以无效。其margin-top和padding-bottom上下会合并,所以不建议使用。
点击查看更多内容
为 TA 点赞
评论
共同学习,写下你的评论
评论加载中...
作者其他优质文章
正在加载中
感谢您的支持,我会继续努力的~
扫码打赏,你说多少就多少
赞赏金额会直接到老师账户
支付方式
打开微信扫一扫,即可进行扫码打赏哦