HTML中的行内元素和块级元素 详解

在html中，元素主要分为行内元素和块级元素；

行内元素指的是书写完成后不会自动换行，并且元素没有宽和高。

块级元素写完后会自动换行，有宽高可以修改。

还有一种特殊的元素叫做行内块元素。

大致分内是：

行内元素有：a、abbr、acronym、b、big、br、cite、code、dfn、em、font、i、img、input、kbd、label、q、samp、select、small、span、s、del、strike、strong、sub、sup、textarea、tt、u、var等

块级元素有：address、blockquote、center、dir、div、dl、ul、ol、li、fieldset、form、form、*hn、hr、menu、noframes、frames、noscript、p、 pre、table等

行内块元素常见的有： img  input  td 

1. 兼容性：display:inline-block;*display:inline;*zoom:1;
2. 行内元素：会在水平方向排列，不能包含块级元素，设置width、height无效(可以设置line-height)，margin、padding上下无效。
3. 块级元素：各占据一行，垂直方向排列，可以包含行内元素。
4. 块级元素的 width 默认为 100%，而内联元素则是根据其自身的内容或子元素来决定其宽度。
   
   
   
   
   display 属性规定元素应该生成的框的类型，可以通过display:inline和display:block或者display:inline-block改变元素的框的类型。
   
   默认情况下，block元素宽度自动填满其父元素宽度。
   
   块级元素即使设置了宽度,仍然是独占一行。