学习笔记day5：inline inline-block block区别
1. block元素可以包含block元素和inline元素；但inline元素只能包含inline元素。要注意的是這個是個大概的說法，每個特定的元素能包含的元素也是特定的，所以具體到個別元素上，這條規(guī)律是不適用的。比如 P 元素，只能包含inline元素，而不能包含block元素。
2.默認情況下，block元素寬度自動填滿其父元素寬度。
3.inline元素不會獨占一行，其寬度隨元素的內(nèi)容而變化，inline元素設(shè)置width,height屬性無效。inline元素的margin和padding屬性，水平方向的padding-left, padding-right, margin-left, margin-right都產(chǎn)生邊距效果；但豎直方向的padding-top, padding-bottom, margin-top, margin-bottom不會產(chǎn)生邊距效果。
4.display:inline-block；簡單來說就是將對象呈現(xiàn)為inline對象，但是對象的內(nèi)容作為block對象呈現(xiàn)。
5.IE（低版本IE）本來是不支持inline-block的，所以在IE中對內(nèi)聯(lián)元素使用display:inline-block，理論上IE是不識別的，但使用display:inline-block在IE下會觸發(fā)layout，從而使內(nèi)聯(lián)元素擁有了display:inline-block屬性的表象。
轉(zhuǎn)載于:https://www.cnblogs.com/fengluzheweb/p/5413555.html
總結(jié)
以上是生活随笔為你收集整理的学习笔记day5：inline inline-block block区别的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。
