學(xué)生個(gè)人網(wǎng)頁制作html display:inline是什么意思?
display:inline是什么意思?CSS的一種樣式,inline意味著以inline模式顯示,它將與周圍的元素保持一致。如果是的話顯示:阻止不會(huì)和周圍的元素在同一條線上,而是在它自己。displ
display:inline是什么意思?
CSS的一種樣式,inline意味著以inline模式顯示,它將與周圍的元素保持一致。如果是的話顯示:阻止不會(huì)和周圍的元素在同一條線上,而是在它自己。
display:inline-block是什么意思?
用于處理一行中非替換元素的高度和寬度!在行中不可替換的元素,如span、a和其他標(biāo)記,通常下士不能設(shè)置寬度和高度。添加此屬性后,可以觸發(fā)以使此類標(biāo)記的行為類似于塊級(jí)元素,并且可以設(shè)置寬度和高度。對(duì)象呈現(xiàn)為內(nèi)聯(lián)對(duì)象,但對(duì)象的內(nèi)容呈現(xiàn)為塊對(duì)象。后續(xù)的內(nèi)聯(lián)對(duì)象排列在同一行中。例如,我們可以給link(元素)一個(gè)inline block屬性值,使其既具有block的寬度和高度特性,又具有inline的對(duì)等特性。擴(kuò)展材料:示例代碼:CodeHighlightingProductedByActivProcode highlighter(免費(fèi))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默認(rèn)為阻止</div><spanstyle=”顯示:塊“>”添加了塊屬性</span><spanstyle=“顯示:塊“>添加了塊屬性</span><SP anstyle=”顯示:塊“>帶塊屬性</span><span>不帶塊屬性</span><span>不帶塊屬性</span><span>不帶塊屬性”屬性</span>
~顯示:內(nèi)聯(lián)力排隊(duì)顯示:塊力變成塊元素顯示:內(nèi)聯(lián)塊顧名思義,就是行內(nèi)塊。也就是說,它既具有線條中血緣元素的斷線特征,又具有方塊元素的寬度和高度特征。