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