行内元素和块级元素的区别有哪些

103 阅读 0 评论 68 点赞

我是靠谱客的博主寂寞鱼，最近开发中收集的这篇文章主要介绍行内元素和块级元素的区别有哪些，觉得挺不错的，现在分享给大家，希望可以做个参考。

本教程操作环境：windows7系统、CSS3&&HTML5版、Dell G3电脑。

在css基础当中，我们往往会遇到块元素和行内元素。在实际开发中，会经常把他们弄混淆，而且很难记住。那么行内元素和块级元素的区别有哪些？下面给大家介绍一下。

块级元素和行内元素的定义

什么是块级元素？

例如：<address>、<center>、<h1>~<h6>、<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都有效

③：可以自动换行

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

以上就是寂寞鱼为你收集整理的行内元素和块级元素的区别有哪些的全部内容，希望文章能够帮你解决行内元素和块级元素的区别有哪些所遇到的程序开发问题。

如果觉得靠谱客网站的内容还不错，欢迎将靠谱客网站推荐给程序员好友。

本图文内容来源于网友提供，作为学习参考使用，或来自网络收集整理，版权属于原作者所有。