html中内联元素和块级元素有什么区别

这篇文章主要介绍"html中内联元素和块级元素有什么区别"的相关知识，小编通过实际案例向大家展示操作过程，操作方法简单快捷，实用性强，希望这篇"html中内联元素和块级元素有什么区别"文章能帮助大家解决问题。

区别：1、块级元素会独占一行显示，行内元素不会，相邻行内元素可在一行显示；2、块级元素可设置宽高，行内元素不能。联系：块级元素可用"display:inline"样式转为内联元素，内联元素可用"display:block"样式转为块级元素。

本教程操作环境：windows7系统、CSS3&&HTML5版、Dell G3电脑。

html中内联元素和块级元素的区别

html中内联元素和块级元素的联系

内联元素和块级元素可以相互转换

• 块级元素可使用"display:inline"样式转为内联元素

• 内联元素可使用"display:block"样式转为块级元素

示例1：

                                                                        
块级元素1
                
块级元素2
                
块级元素3
        

示例2：

                                                                        内联元素1                内联元素2                内联元素3        

关于"html中内联元素和块级元素有什么区别"的内容就介绍到这里了，感谢大家的阅读。如果想了解更多行业相关的知识，可以关注行业资讯频道，小编每天都会为大家更新不同的知识点。