块级元素和行内元素的区别是什么？针对这个问题，今天小编总结这篇有关块级元素和行内元素的文章，希望能帮助更多想解决这个问题的朋友找到更加简单易行的办法。
块级元素
1、总是从新行开始
2、高度、行高、外边距以及内边距都可以控制
3、宽度默认是浏览器的100%
4、可以容纳内联元素以及其他块元素
行内元素
1、和相邻元素在一行上
2、高、宽无效，但是水平方向的padding和margin可以设置，垂直方向无效
3、默认宽度就是它本身内容的宽度
4、行内元素只能容纳文本或其他行内元素（a除外）
注意：
1、只有文字才能组成段落，因此p里面不能放置块级元素，同理还有这些标签h2-h7，dt等，它们都是文字块级标签，里面不能放置其他块级元素
2、链接里面不能再放置链接
块级元素和行内元素的区别
块级元素的特点：
1、总是从新行开始
2、高度、行高、外边距以及内边距都可以控制
3、宽度默认是浏览器的100%
4、可以容纳内联元素以及其他块元素
行内元素的特点：
1、和相邻行内元素在一行上
2、高、宽无效，但是水平方向的padding和margin可以设置，垂直方向无效
3、默认宽度就是它本身内容的宽度
4、行内元素只能容纳文本或其他行内元素（a除外）
行内块标签 inline-block
在行内元素中有几个特殊的标签--<img />、<input>、<td>，可以对他们设置宽高和对齐属性，有些资料可能会称它们为行内块元素。
特点：
1、和相邻行内元素（行内部）在一行上，但是之间会有空白间隙；
2、默认宽度是它本身内容的宽度
3、高度、行高、外边距以及内边距都可以控制
标签显示模式转换 display
块转行内：display:inline;
行内转块：display:block;
块、行内元素转换为行内块：display:inline-block;
看完上述内容，你们对块级元素和行内元素的区别大概了解了吗？如果想了解更多相关文章内容，欢迎关注亿速云行业资讯频道，感谢各位的阅读！
免责声明：本站发布的内容（图片、视频和文字）以原创、转载和分享为主，文章观点不代表本网站立场，如果涉及侵权请联系站长邮箱：is@yisu.com进行举报，并提供相关证据，一经查实，将立刻删除涉嫌侵权内容。
