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

1、 行内元素不会占据整行，在一条直线上排列，都是同一行，水平方向排列；

　　块级元素会占据一行，垂直方向排列。

2、 块级元素可以包含行内元素和块级元素；行内元素不能包含块级元素。

3、 行内元素与块级元素属性的不同，主要是盒模型属性上，行内元素设置width无效，height无效(可以设置line-height)，margin上下无效，padding上下无效。

行内元素和块级元素的相互转换

行内元素转化为块元素： display:block;

块元素转化为行内元素： display:inline;

声明：本站所有文章，如无特殊说明或标注，均为本站原创发布。任何个人或组织，在未征得本站同意时，禁止复制、盗用、采集、发布本站内容到任何网站、书籍等各类媒体平台。如若本站内容侵犯了原著者的合法权益，可联系我们进行处理。