HTML行内元素和块级元素的区别是什么
更新:HHH   时间:2023-1-7


这篇文章主要介绍“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行内元素和块级元素的区别是什么”的内容就介绍到这里了,感谢大家的阅读。如果想了解更多行业相关的知识,可以关注天达云行业资讯频道,小编每天都会为大家更新不同的知识点。

返回web开发教程...