文章出處
文章列表
1.行級元素:非獨占一行,設置高度寬度無效 默認寬度是剛好包住自己里面的內容。例:<a>
不能應用屬性:width height max-width max-height min-width min-height
除非:變為塊級或行塊元素
2.塊級元素:獨占一行,設置寬度和高度都有效 默認元素是父元素寬度。例:<div>
3.行塊元素:非獨占一行,設置寬度和高度都有效 默認元素是父元素寬度 。例:<img>
display:inline ;塊級變行級
display:block; 行級變塊級
display:inline-block;變為行塊元素
注:對行級元素設定padding時需要特別謹慎,特別是垂直方向上的padding,控制不好就會出現元素與元素發生重疊(padding僅僅
把行級元素的上下邊框撐開)------解決方法,把行級元素變為塊級元素
文章列表
全站熱搜