这篇文章主要讲解了“HTML块状元素和内联元素之间的区别是什么”，文中的讲解内容简单清晰，易于学习与理解，下面请大家跟着小编的思路慢慢深入，一起来研究和学习“HTML块状元素和内联元素之间的区别是什么”吧！
我们提供的服务有：成都网站设计、成都网站制作、
外贸网站建设、微信公众号开发、网站优化、网站认证、
甘州ssl等。为千余家企事业单位解决了网站和推广的问题。提供周到的售前咨询和贴心的售后服务，是有科学管理、有技术的
甘州网站制作公司内联元素
在html中，、、、等标签是典型的内联元素。当然块状元素也可以通过设置display：inline；显示为内联元素，从而使块级元素具有内联元素的特点。
p{ display:inline;}...我要变成内联元素！
内联元素的特点：
1、和其他元素在同一行上，不独占一行；
2、元素的高度、宽度及顶部底部边距不可设置；
（ps：内联元素的顶部底部边距margin-top及margin-bottom属性不起作用，而margin-left及margin-right属性可以起作用。padding属性top、bottom、left、right也可起作用，但是padding-top属性最多只能撑到浏览器顶部，padding-top高于浏览器顶部，元素不会下移。当为行内元素添加背景时可以使用padding,但是背景色会覆盖周围元素。）
3、元素的宽度就是元素所包含的图片或文字的宽度，不可设置；
*：当行内元素之间有“回车”、“tab”、“空格”时就会出现间隙。
解决方法：写在一行，中间不要有空格、回车之类的符号。
块状元素
在html中
、
、
、
如：a{display:block;}
块级元素的特点：
1、每个块状元素都从新的一行开始，并且其后的元素也另起一行（独占一行）；
2、元素的高度、宽度、行高以及顶和底边距都可设置；
3、元素宽度在不设置的情况下，占它本身父容器的100%（和父元素宽度一致）；
内联块状元素
内联块状元素（inline-block）就是同时具备内联元素、块状元素的特点，代码display:inline-block就是将元素设置为内联块状元素。![]()
、标签就是这种内联块状标签。
内联块状元素特点：
1、和其他元素都在一行上；
2、元素的高度、宽度、行高以及顶和底边距都可设置。
感谢各位的阅读，以上就是“HTML块状元素和内联元素之间的区别是什么”的内容了，经过本文的学习后，相信大家对HTML块状元素和内联元素之间的区别是什么这一问题有了更深刻的体会，具体使用情况还需要大家实践验证。这里是创新互联网站建设公司，，小编将为大家推送更多相关知识点的文章，欢迎关注！
名称栏目：HTML块状元素和内联元素之间的区别是什么-创新互联
文章路径：
http://cdkjz.cn/article/didiid.html
