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

标签：标签   100%   块级元素   内联   img   inpu   开始   水平   之间   

块级元素特点：

1. 总是从新行开始
2. 高度、行高、外边距以及内边距都可以控制
3. 宽度默认是容器的100%
4. 可以容纳内联元素和其他块元素

行内元素特点：

1. 和相邻行内元素在一行上
2. 宽、高无效，但水平方向的padding和margin可以设置，垂直方向的无效
3. 默认宽度就是它本身内容的宽度
4. 行内元素只能容纳文本或其他行内元素

在行内元素中有几个特殊的标签<img/>、input/>、<td>，可以对它们设置宽高和对齐属性
行内块元素特点：

1. 和相邻行内元素在一行上，但是之间会有空白缝隙
2. 默认宽度就是它本身内容的宽度
3. 高度、行高、外边距以及内边距都可以控制

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

标签：标签   100%   块级元素   内联   img   inpu   开始   水平   之间   

原文地址：https://www.cnblogs.com/echoing/p/9498205.html