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

来源:互联网 发布:js文件怎么使用 编辑:程序博客网 时间:2024/05/18 02:18

页面呈现方式区别

块级元素 则为垂直排列显示,每个新添加的元素都会另起一行显示;
行内元素 均在同一行内显示,每个新添加的元素都不会另起一行显示;

包含关系区别

块级元素 可以包含行内元素;
行内元素 不可以包含块级元素;

标签属性区别

块级元素 拥有盒子模型属性(margin、padding、width、height);
行内元素 没有盒子模型属性;

使用css进行转换的方式

块级元素转换为行内元素:display:inline-block
行内元素转换为块级元素:display:block

0 0