塊元素和行元素

大多數(shù) HTML 元素被定義為塊級(jí)元素或內(nèi)聯(lián)元素。

塊元素定義

塊元素:塊級(jí)元素在瀏覽器顯示時(shí),通常會(huì)以新行來(lái)開(kāi)始(和結(jié)束)。

行元素(內(nèi)聯(lián)元素)定義

行元素:內(nèi)聯(lián)元素在顯示時(shí)通常不會(huì)以新行開(kāi)始。

元素名稱(chēng) 常用的實(shí)例 兩者之間的轉(zhuǎn)化
塊元素 <div> <p><table>....... display:inline
行元素(內(nèi)聯(lián)) <span><a><b> ....... display:block

注:1.span標(biāo)簽是無(wú)法設(shè)置寬高的;
2.float會(huì)把浮動(dòng)元素變成塊級(jí)元素;
3.絕對(duì)定位脫離了文檔流

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請(qǐng)結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡(jiǎn)書(shū)系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

  • 問(wèn)答題47 /72 常見(jiàn)瀏覽器兼容性問(wèn)題與解決方案? 參考答案 (1)瀏覽器兼容問(wèn)題一:不同瀏覽器的標(biāo)簽?zāi)J(rèn)的外補(bǔ)...
    _Yfling閱讀 14,190評(píng)論 1 92
  • 第一部分 HTML&CSS整理答案 1. 什么是HTML5? 答:HTML5是最新的HTML標(biāo)準(zhǔn)。 注意:講述HT...
    kismetajun閱讀 28,868評(píng)論 1 45
  • HTML中元素大多數(shù)都是塊級(jí)元素或行內(nèi)元素。下面就讓我們來(lái)仔細(xì)的剖析剖析它們的用法和區(qū)別。 一、定義。 每個(gè)名字背...
    betterwlf閱讀 27,422評(píng)論 7 23
  • HTML 5 HTML5概述 因特網(wǎng)上的信息是以網(wǎng)頁(yè)的形式展示給用戶(hù)的,因此網(wǎng)頁(yè)是網(wǎng)絡(luò)信息傳遞的載體。網(wǎng)頁(yè)文件是用...
    阿啊阿吖丁閱讀 4,981評(píng)論 0 0
  • 一場(chǎng)春雨過(guò)后黑夜里濕漉漉,灰蒙蒙,從這個(gè)陽(yáng)臺(tái)望去對(duì)面的九樓和漆黑的天際,一間陽(yáng)臺(tái)里燈亮著,像黑夜里的一盞昏黃的燈籠...
    關(guān)鹿鹿閱讀 2,209評(píng)論 3 10

友情鏈接更多精彩內(nèi)容