溫馨提示×
您好，登錄后才能下訂單哦！
點(diǎn)擊 登錄注冊(cè) 即表示同意《億速云用戶服務(wù)條款》
您好，登錄后才能下訂單哦！
css中display的inline元素表示什么？針對(duì)這個(gè)問題，這篇文章詳細(xì)介紹了相對(duì)應(yīng)的分析和解答，希望可以幫助更多想解決這個(gè)問題的小伙伴找到更簡(jiǎn)單易行的方法。
設(shè)置對(duì)象做為行內(nèi)元素顯示，inline是內(nèi)聯(lián)對(duì)象的默認(rèn)值（ps:內(nèi)聯(lián)對(duì)象就是不自動(dòng)產(chǎn)生換行的元素，比如span） 而我們一般用的div是塊級(jí)元素，默認(rèn)display屬性是block, 但將div的display設(shè)置為inline的話，則多個(gè)div可以像span一樣顯示在一行了。
它可以讓行內(nèi)顯示為塊的元素，變?yōu)樾袃?nèi)顯示，例如
<div> DIV1 </div> <div> DIV2 </div>
這里DIV1和DIV2分別占一行，但是你給他們加上屬性后變了
<div style= "display:inline "> DIV1 </div> <div style= "display:inline "> DIV2 </div>
DIV1和DIV2這時(shí)候顯示在同一行了，試試看吧。
和 display:inline 對(duì)應(yīng)的是 display:block，block 會(huì)讓應(yīng)用了該 CSS 屬性的 HTML 標(biāo)記變成塊級(jí)別元素，例如 SPAN 是行內(nèi)顯示的，但是你加了 display:block 屬性就不一樣了
<span style= "display:block "> SPAN1 </span> <span style= "display:block "> SPAN2 </span>
關(guān)于css中display的inline元素表示什么問題的解答就分享到這里了，希望以上內(nèi)容可以對(duì)大家有一定的幫助，如果你還有很多疑惑沒有解開，可以關(guān)注億速云行業(yè)資訊頻道了解更多相關(guān)知識(shí)。
免責(zé)聲明：本站發(fā)布的內(nèi)容（圖片、視頻和文字）以原創(chuàng)、轉(zhuǎn)載和分享為主，文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如果涉及侵權(quán)請(qǐng)聯(lián)系站長(zhǎng)郵箱：is@yisu.com進(jìn)行舉報(bào)，并提供相關(guān)證據(jù)，一經(jīng)查實(shí)，將立刻刪除涉嫌侵權(quán)內(nèi)容。
億速云公眾號(hào)
手機(jī)網(wǎng)站二維碼
