您好,登錄后才能下訂單哦!
css中display的inline元素表示什么?針對這個問題,這篇文章詳細介紹了相對應的分析和解答,希望可以幫助更多想解決這個問題的小伙伴找到更簡單易行的方法。
設置對象做為行內元素顯示,inline是內聯對象的默認值(ps:內聯對象就是不自動產生換行的元素,比如span) 而我們一般用的div是塊級元素,默認display屬性是block, 但將div的display設置為inline的話,則多個div可以像span一樣顯示在一行了。
它可以讓行內顯示為塊的元素,變為行內顯示,例如
<div> DIV1 </div> <div> DIV2 </div>
這里DIV1和DIV2分別占一行,但是你給他們加上屬性后變了
<div style= "display:inline "> DIV1 </div> <div style= "display:inline "> DIV2 </div>
DIV1和DIV2這時候顯示在同一行了,試試看吧。
和 display:inline 對應的是 display:block,block 會讓應用了該 CSS 屬性的 HTML 標記變成塊級別元素,例如 SPAN 是行內顯示的,但是你加了 display:block 屬性就不一樣了
<span style= "display:block "> SPAN1 </span> <span style= "display:block "> SPAN2 </span>
關于css中display的inline元素表示什么問題的解答就分享到這里了,希望以上內容可以對大家有一定的幫助,如果你還有很多疑惑沒有解開,可以關注億速云行業資訊頻道了解更多相關知識。
免責聲明:本站發布的內容(圖片、視頻和文字)以原創、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯系站長郵箱:is@yisu.com進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。