塊級元素與行內元素的區別

2021-07-24 18:13:01 字數 451 閱讀 1307

htm元素一般分塊級元素和行內元素。

塊級元素:塊級元素單獨一行,可以設定寬度高度,可以設定margin,padding。可以成為其他元素的容器,可以容納塊級元素可行內元素。常見的塊級元素有div, p ,h1~h6,ul,table,form,hr等。

行內元素:行內元素設定width無效,height無效(line-height除外),margin上下無效,padding上下無效,但可以與其他行內元素位於同一行,行內元素內一般不可以包含塊級元素。行內元素的高度一般由元素內部的內容決定,寬度由內容的長度控制。常見的行內元素有a, em ,strong,span,i,img,lable,button,select等。

設定display:block,可以使行內元素以塊級元素呈現,設定display:inline,可以使塊級元素以行內元素呈現,如果想要乙個元素既行內顯示又能設定寬度高度,設定display的值為inline-block。

塊級元素與行內元素區別

1.塊級元素 特性 佔一行顯示,可以設定寬度和高度 屬性 描述 位址長的引用 標題 列表中定義條目 劃分區域 定義列表 列表中專案 框架集表單 標題 一級到六級 一條水平線 為fieldset元素定義標題 列表給不支援框架的瀏覽器顯示文字,frameset元素內部 在指令碼未被執行時的替代內容 有序...

行內元素與塊級元素的區別

1 塊級元素 div p form ul,li ol,dl,form,address,fieldset,hr,menu,table 2 行內元素 span,strong,em,br,img input,label,select,textarea,cite,塊級元素會單獨佔一行,預設情況下,其寬度自動...

塊級元素與行內元素的區別

塊級元素與行內元素的區別 塊級元素和行內元素是布局最基本的兩種元素,我們都知道常見的塊級元素有div,p,form,ul,li等,行內元素有span,strong,em等,對於這兩者的區別,我也只是簡單的了解了一番,要正真的理解及掌握,還得在不斷的練習中深入體會。下面是他們的區別 對於塊級元素 對於...