区别：行内元素中设置宽高是无效的，不会自动换行；而块级元素可以设置宽高，可以自动换行。行内元素中对margin设置左右方向有效而上下无效，padding设置左右方向有效而上下无效；块级元素中设置margin和padding都有效。

前端（vue）入门到精通课程：进入学习API 文档、设计、调试、自动化测试一体化协作工具：点击使用

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

在css基础当中，我们往往会遇到块元素和行内元素。在实际开发中，会经常把他们弄混淆，而且很难记住。那么行内元素和块级元素的区别有哪些？下面给大家介绍一下。

块级元素和行内元素的定义

什么是块级元素？

总是在新行上开始；

高度，行高以及外边距和内边距都可控制；

宽度缺省是它的容器的100%，除非设定一个宽度。

它可以容纳内联元素和其他块元素

例如：、、~、、

、、、、、、、

什么是行内元素？

和其他元素都在一行上；

高，行高及外边距和内边距不可改变；

宽度就是它的文字或图片的宽度，不可改变

内联元素只能容纳文本或者其他内联元素

例如：、、、、、、、、、、、、

【推荐教程：《html视频教程》】

行内元素和块级元素的区别

1）、行内元素

①：设置宽高无效

②：对margin设置左右方向有效，而上下无效；padding设置左右方向有效，而上下无效。

③：不会自动换行

2）、块级元素

①：可以设置宽高

②：设置margin和padding都有效

③：可以自动换行

④：多个块状，默认排列从上到下

更多编程相关知识，请访问：编程视频！！

以上就是行内元素和块级元素的区别有哪些的详细内容，更多请关注php中文网其它相关文章！

微信分享

声明：本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系[email protected]核实处理。

相关标签：html 行内元素 块级元素

程序员必备接口测试调试工具：点击使用

Apipost = Postman + Swagger + Mock + Jmeter

Api设计、调试、文档、自动化测试工具

后端、前端、测试，同时在线协作，内容实时同步

支持grpc,http,websocket,socketio,socketjs类型接口调试

上一篇：HTML button标签的属性有哪些下一篇：html怎么给文字加粗