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

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了块级元素行内元素与行内块元素相关的知识,希望对你有一定的参考价值。

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

       块级元素独占一行 

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

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

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

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

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

      给元素添加浮动

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

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

       行内元素  :span、u、a、em、biuem

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

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

     块级元素

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

     行内元素

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

 

以上是关于块级元素行内元素与行内块元素的主要内容,如果未能解决你的问题,请参考以下文章

HTML行内元素块级元素行内块级元素的特点与区别

带你认清块级元素内联元素行内块级元素

HTML - 一篇文章带你认清块级元素内联元素行内块级元素

CSS标签显示模式 ③ ( 标签显示模式转换 | 行内元素转换为块级元素 | 块级元素转换为行内元素 | 块级元素行内元素转换为行内块元素 )

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

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