首页 > 代码库 > 块元素和行内元素

块元素和行内元素

在HTML中所有的元素一般分为块元素和行内元素

1.块元素

块元素最重要的特性就是独占一行,里面可以装其他的元素,可以设宽和高,就想是个盒子一样。

块元素:div(最典型的块元素),h1-h6,p,ol,ul,table,hr ,form,dl 。块元素几乎都是双标记,也有另外如hr它就是单标记。

一个块元素和另一个块元素之间默认有一段空白如果想清空默认的空白可以将margin:0;padding:0;就可以清空空白了;

盒子居中将margin:0px auto;盒子就可以居中了(要有宽和高)。

2.行内元素

行内元素最重要的特性就是不独占一行,不可以设宽和高(它的宽和高就是里面内容的宽和高)。

行内元素:span(最典型的行内元素),a,br,em ,img,font,input,label。行内元素有单标记也有双标记,但是不是所有的行内元素没有都宽和高,如:img,input。

3.元素转换

元素转换就是修改元素的display属性,如果把display改为inline它就会变成行内元素,改为block就会变成行内元素,这是两个基本的也有特别的如何把display改为inline-block它就会变成行内块元素,它不但有

行内不独占一行的特性还有块元素可以设宽和高的特性。如果把display改为none它就会在页面上消失,看不见也不占空间。

 

块元素和行内元素