HTML行内元素和块级元素的区别是什么

这篇文章主要介绍“HTML行内元素和块级元素的区别是什么”的相关知识，小编通过实际案例向大家展示操作过程，操作方法简单快捷，实用性强，希望这篇“HTML行内元素和块级元素的区别是什么”文章能帮助大家解决问题。

　　什么是块级元素？

　　总是在新行上开始；

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

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

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

　　例如：<address>、<center>、<h2>&mdash;&mdash;<h7>、<hr>、<p>、<pre>、<ul>、<ol>、<dl>、<table>、<div>、<form>

　　什么是行内元素？

　　和其他元素都在一行上；

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

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

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

　　例如：<span>、<a>、<br>、<b>、<strong>、<img>、<input>、<textarea>、<select>、<sup>、<sub>、<em>、<del>
 

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

　　1）、行内元素

　　①：设置宽高无效

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

　　③：不会自动换行

　　2）、块级元素

　　①：可以设置宽高

　　②：设置margin和padding都有效

　　③：可以自动换行

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

关于“HTML行内元素和块级元素的区别是什么”的内容就介绍到这里了，感谢大家的阅读。如果想了解更多行业相关的知识，可以关注亿速云行业资讯频道，小编每天都会为大家更新不同的知识点。