第一:行內元素與寬度
寬度不起作用
span {
width:200px;
}沒有變化
第二:行內元素與高度
高度不起作用
span{
height:200px;
}
沒用變化
第三:行內元素與padding,margin
span{
padding:200px;
}
影響左右,不影響上下 ,span包裹的文字左右位置改變,上下位置不變,但背景色會覆蓋上面元素的內容
行內元素(inline-block)的padding左右有效 ,但是由於設置padding上下不佔頁面空間,無法顯示效果,所以無效。其margin-top和padding-bottom上下會合並,所以不建議使用。