温馨提示×

温馨提示×

您好,登录后才能下订单哦!

密码登录×
登录注册×
其他方式登录
点击 登录注册 即表示同意《亿速云用户服务条款》

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

发布时间:2022-03-18 10:42:59 来源:亿速云 阅读:102 作者:iii 栏目:web开发

这篇文章主要介绍“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>
 

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

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

  1)、行内元素

  ①:设置宽高无效

  ②:对margin设置左右方向有效,而上下无效;padding设置左右方向有效,而上下无效。

  ③:不会自动换行

  2)、块级元素

  ①:可以设置宽高

  ②:设置margin和padding都有效

  ③:可以自动换行

  ④:多个块状,默认排列从上到下

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

向AI问一下细节

免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。

AI