元素:CSS中行內(nèi)元素與塊級(jí)元素的不同在哪,如何轉(zhuǎn)換
【小Y 提醒】本文部分內(nèi)容源于網(wǎng)絡(luò)收集整理,僅供參考!如需了解“CSS中行內(nèi)元素與塊級(jí)元素的不同在哪,如何轉(zhuǎn)換”等有關(guān)服務(wù)器、云主機(jī)租用、托管、配置、價(jià)格問(wèn)題,請(qǐng)隨時(shí)咨詢YINGSOO客服,為您答疑解惑!
【新品推薦】俄羅斯物理服務(wù)器促銷 | 泰國(guó)云服務(wù)器促銷 | 馬來(lái)西亞云服務(wù)器促銷
【常見問(wèn)答】韓國(guó)kt機(jī)房好嗎?YINGSOO韓國(guó)kt服務(wù)器怎么樣?
CSS中行內(nèi)元素與塊級(jí)元素的不同在哪?因?yàn)樵贑SS中,不同元素標(biāo)簽被分為了行內(nèi)元素和塊級(jí)元素,很多新手在學(xué)習(xí)的時(shí)候容易混淆,對(duì)此本文就給大家來(lái)講講CSS中行內(nèi)元素與塊級(jí)元素的區(qū)別,及轉(zhuǎn)換方法,感興趣的朋友就繼續(xù)往下看吧。
1,首先介紹什么是行內(nèi)元素,什么又是塊級(jí)元素?
1.1,行內(nèi)元素就是不會(huì)獨(dú)占一行的元素,例如:span buis strong em ins del等
1.2,塊級(jí)元素就是會(huì)獨(dú)占一行的元素,例如:p div h ul ol dl li dt dd等
2,行內(nèi)元素與塊級(jí)元素有哪些區(qū)別?
2.1,行內(nèi)元素不會(huì)獨(dú)占一行,而塊級(jí)元素會(huì)獨(dú)占一行;
2.2,行內(nèi)元素不能設(shè)置寬度和高度,它的寬度和高度會(huì)隨著文本的改變而該改變。塊級(jí)元素可以設(shè)置寬度和高度,
?如果沒有設(shè)置寬度和高度,在默認(rèn)情況下和父元素一樣寬,高度則為0;
???2.3,下面這個(gè)實(shí)例就是通過(guò)給行內(nèi)元素span,塊級(jí)元素div設(shè)置樣式,來(lái)體現(xiàn)行內(nèi)和塊級(jí)的差異
CSS元素的顯示模式 我是span 我是father 我是son

3,由于我們有的時(shí)候不僅要設(shè)置元素的寬度和高度,同時(shí)也希望元素不會(huì)獨(dú)占一行,這時(shí)就出現(xiàn)了行內(nèi)塊級(jí)元素(inline-block),常見的行內(nèi)塊級(jí)元素有