HTML哪些是块状元素，哪些是内联元素？

块级元素和内联元素（通常说行内元素）的区别是块级有独立空间。它本身显示在一行，不管多少字节。而行内是没有display：block的特性的。

1 块级元素：div ， p ， form， ul， li ， ol， dl， form， address， fieldset， hr， menu， table

2 行内元素：span， strong， em， br， img ， input， label， select， textarea， cite，

div是块状元素还是内联元素？

内联转化为块状：display:block 或 float:left / right块状转化为内联：display:inline但是要注意内联元素师不能设置宽度和高度的。

元素是块元素还是内连元素？

img是内联元素，因为它不是像div一样独占一行。

一般的内联元素是不能设置宽度的，它的宽度是由它中间的内容决定的；但是img比较特殊它可以设置宽度。

接下来我写了一个例子来说明：

从例子可以看出div在我们没有设置宽度的情况下它是占了一整行，它后面紧跟的文字就在下一行了，这是块级元素。

我们看后面的img它是和后面的文字在一起的，span是内联元素，我在第一个span中设置了一个宽度50000px，但是后面一张图片依然紧跟在它后面，没有变化；我又在第二个img中设置了一个宽度150px，然后我们发现后面的图片变小了。

说到这里我们就说明了img是内联元素，但它可以设置宽度。

以上内容如有不正确的地方希望大家能够指出来，谢谢！

块级元素与内联元素可以同时被块级元素包吗？

是可以的，罗列 XHTML 标签的嵌套规则了：1. 块元素可以包含内联元素或某些块元素，但内联元素却不能包含块元素，它只能包含其它的内联元素：

—— 对

—— 对 —— 错2. 块级元素不能放在

里面：

—— 错 —— 错3. 有几个特殊的块级元素只能包含内嵌元素，不能再包含块级元素，这几个特殊的标签是：h1、h2、h3、h4、h5、h6、p、dt。4. li 内可以包含 div 标签 —— 这一条其实不必单独列出来的，但是网上许多人对此有些疑惑，就在这里略加说明：li 和 div 标签都是装载内容的容器，地位平等，没有级别之分（例如：h1、h2 这样森严的等级制度^_^），要知道，li 标签连它的父级 ul 或者是 ol 都可以容纳的，为什么有人会觉得 li 偏偏容纳不下一个 div 呢？别把 li 看得那么小气嘛，别看 li 长得挺瘦小，其实 li 的胸襟很大滴……5. 块级元素与块级元素并列、内嵌元素与内嵌元素并列： —— 对 —— 对 —— 错

常见的块级元素 块状元素有哪些 内联元素有哪些

版权声明：本文内容由互联网用户自发贡献，本站不承担相关法律责任.如有侵权/违法内容,本站将立刻删除。