块级元素行内元素与行内块元素

Posted 2020-08-19

1、块级元素与行内元素的区别？

       块级元素独占一行 

       行内元素可以在一行显示，但是不能设置上下的padding和margin值。

2、块级元素与行内元素的相互转换？

       块级元素转行内元素：display:inline;

       行内元素转块级元素：display:block;

3、行内块元素相邻布局的时候，中间几像素的间距怎么解决？

      给元素添加浮动

4、常见的块级元素、行内元素与行内块元素？   

       块级元素 ：div、h系列、li、dt、dd、p

       行内元素  ：span、u、a、、em、b、i、u、em

      行内块元素：input 、img 、button 、texterea 、label。

5、块级元素、行内元素嵌套问题？

     块级元素

            可以嵌套行内块元素、行内元素

     行内元素

            嵌套行内元素，不能嵌套块级元素