【道勤網(wǎng)】- bmrsportswear.com 軟件視頻自學(xué)教程|免費(fèi)教程|自學(xué)電腦|3D教程|平面教程|影視動(dòng)畫教程|辦公教程|機(jī)械設(shè)計(jì)教程|網(wǎng)站設(shè)計(jì)教程！【道勤網(wǎng)】

標(biāo)題: display:inline是什么意思，將快元素轉(zhuǎn)為內(nèi)聯(lián)元素 [打印本頁]
作者: 大師兄    時(shí)間: 2017-10-26 23:48
標(biāo)題: display:inline是什么意思，將快元素轉(zhuǎn)為內(nèi)聯(lián)元素
它可以讓行內(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>
大家懂了嗎





歡迎光臨 【道勤網(wǎng)】- bmrsportswear.com 軟件視頻自學(xué)教程|免費(fèi)教程|自學(xué)電腦|3D教程|平面教程|影視動(dòng)畫教程|辦公教程|機(jī)械設(shè)計(jì)教程|網(wǎng)站設(shè)計(jì)教程！【道勤網(wǎng)】 (http://bmrsportswear.com/) Powered by Discuz! X3.4