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

2021-07-14 23:38:59 字數 478 閱讀 1552

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,  

塊級元素會單獨佔一行,預設情況下,其寬度自動填滿其父級元素寬度,但行內元素是不會單獨佔一行的,相鄰的行內元素會排列在同一行裡,知道一行排不下,才會換行,其寬度歲元素的內容而變化。

塊級元素即便設定了寬度,仍是獨佔一行。塊級元素可以設定margin和padding屬性

行內元素的margin和padding屬性,水平方向的能產生效果,但是豎直方向的卻不會產生效果

通俗一點來說就是塊元素不會以一行的形式呈現在文件流中,也就是說自動換行

塊級元素就是說能在一行顯示不進行自動換行的   能在一行內顯示

塊級元素與行內元素區別

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

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

htm元素一般分塊級元素和行內元素。塊級元素 塊級元素單獨一行,可以設定寬度高度,可以設定margin,padding。可以成為其他元素的容器,可以容納塊級元素可行內元素。常見的塊級元素有div,p h1 h6,ul,table,form,hr等。行內元素 行內元素設定width無效,height無...

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

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