1. 程式人生 > >塊元素,行元素,行內塊以及相互轉換

塊元素,行元素,行內塊以及相互轉換

記錄一下,還是自己的東西比較好一點吧,比較適合自己

塊元素

body  from  select  textarea  h1-h6 html table  button  hr  p  ol  ul  dl  cnter  div

特徵:

  1. 自成一行
  2. 可定義寬高

行內元素

heda   meat   title  lable  span  br  a   style  em  b  i   strong

特徵:

  1. 自適應寬高,不可定義寬高
  2. 多個標籤自動在一行

行內塊元素:

img  input

特徵:

  1. 自動在一行
  2. 可定義寬高

相互轉換:

塊->行內:display:inline;

行內->塊:display:block;

塊,行內->行內塊:display:inline-block;