inline元素 display:inline-block是什么意思?
display:inline-block是什么意思?用于處理一行中非替換元素的高度和寬度!在行中不可替換的元素,如span、a和其他標記,通常下士不能設(shè)置寬度和高度。添加此屬性后,可以觸發(fā)以使此類標記
display:inline-block是什么意思?
用于處理一行中非替換元素的高度和寬度!在行中不可替換的元素,如span、a和其他標記,通常下士不能設(shè)置寬度和高度。添加此屬性后,可以觸發(fā)以使此類標記的行為類似于塊級元素,并且可以設(shè)置寬度和高度。對象呈現(xiàn)為內(nèi)聯(lián)對象,但對象的內(nèi)容呈現(xiàn)為塊對象。后續(xù)的內(nèi)聯(lián)對象排列在同一行中。例如,我們可以給link(元素)一個inline block屬性值,使其既具有block的寬度和高度特性,又具有inline的對等特性。擴展材料:示例代碼:CodeHighlightingProductedByActivProcode highlighter(免費)http://www.codehighter.com/--><!DOCTYPEhtmlPUBLIC“-//W3C//DTDXHTML1.0Strict//EN”“http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.DTD“><style>span,div{背景色:#F60margin-底部:5pxmargin left:5 像素高度:50Px}</style><divstyle=“背景色:#F60”>div默認為阻止</div><spanstyle=”顯示:塊“>”添加了塊屬性</span><spanstyle=“顯示:塊“>添加了塊屬性</span><SP anstyle=”顯示:塊“>添加了塊屬性</span><span>未添加塊屬性</span><span>未添加塊屬性</span><span>未添加塊屬性”添加了block屬性</span>
!讓我們先來討論內(nèi)聯(lián)元素和塊級元素:內(nèi)聯(lián)元素不能控制寬度、高度、邊距等;它們顯示在同一行上,沒有換行符。塊級元素可以控制寬度和高度、邊距等,并將進行換行。Inline:使用此屬性后,元素將顯示為Inline,并且元素不會換行。Block:使用該屬性后,元素將被實現(xiàn)為塊級元素,元素將被包裝。內(nèi)聯(lián)塊:使元素在一行中顯示為塊級元素。也就是說,元素可以在同一行上顯示而不需要包裝,但是高度和寬度可以控制,這相當于內(nèi)斂元素的增強。請注意,IE6不支持內(nèi)聯(lián)塊