CSS内嵌元素和块元素的区别

如题所述

1 css中块元素和行内元素的区别 :行内元素会再一条直线上,是在同一水平线布局的  ; 块级元素各占一行,是垂直方向布局的。

2 第一步把概念说了一下,下面以实际的例子来看行内元素和块元素的区别:

<a>标签是一个行内元素 <p>是一个块元素。从下面的代码中可以看出,

两个<a></a>标签里面的内容明显是没有填满这一行的,所有就紧挨着显示。

<p>标签里面的内容也没有填满整行,但是<p>标签里面的内容却独占一行。

意思就是说:快不管元素里面的内容是什么,他都是独自占一行的。

3 下面是实例的代码,可以复制直接运行就看出效果了:

<!DOCTYPE HTML>

<html>

<body>

<a>123455</a>

<a>789</a>


<p>58962</p>

<a>34567</a>


</body>

</html>

4 块元素和行内元素是可以相互转换的。

温馨提示:内容为网友见解,仅供参考
第1个回答  2016-11-16
H5edu教育HTML5开发解答

块级元素 用来搭建网站架构、布局、承载内容,如:div、ul、li、dl、dt、dd、h1-h6、p、address……
内联元素 用在文本之中的某一行的修饰,如:a、span、strong、sub、sup、img……
· 块级元素是盒子,盒子是有宽高的,即不管里面有多少东西,外部就可以设置其宽高。
内联元素是袋子,其宽高由里面的东西撑起来的。
  · 块级元素和内嵌元素之间互相转换,转换的代码如下:
display:block; /* 转成块元素 */
display:inline; /* 转成内嵌元素 */本回答被网友采纳
相似回答