Question

常用的行内元素和块级元素、它们各自的特点是什么？

Answer 1

块元素：

      div,li,ul,p,h1-h6

特点：

     (1)所有的块级元素都会独占一行;

     (2)块级元素可以直接设置其宽度和高度；

     (3)如果一个块级元素没有设置宽度，那么其默认的宽度是父元素的宽度。

行内元素：

span，a,strong,em,b,i,font,strike

特点：

      (1)所有行内元素都在一行上显示；

      (2)行内元素没有宽度和高度（即使设置也不生效）。

常见行内块元素：img ,input ,select ,textarea ,button ,label …

特点：

    (1)与所有的行内元素相同都在一行上显示

     (2)与块级元素相同可以设置宽度和高度。

不同元素之间的转换方式

转换为块级元素：disaplay : block

转换为行内块元素：dispaly : inline-block

转换为行内元素：display : inline