前端筆記16——CSS行内元素和塊級元素的轉換

行内元素

span

、

i

、

a

、

img

等等。 在一行内顯示，一般情況不可以設定寬高的元素就是

行内元素

。

塊級元素

div

、

h1

、

p

、

li

等等。獨占一行，可以設定寬高的元素就是

塊級元素

。

行内元素轉換成塊級元素

在行内元素中設定

display:block;

就可以讓行内元素變成塊級元素。

在行内元素中設定

display：inline-block;

就可以讓行内元素變成塊級元素，而且可以在同一行内顯示。

塊級元素轉換成行内元素

在塊級元素中設定

display：inline;

就可以讓塊級元素變成行内元素。