HTML中的行内和块级元素

一、什么是行内和块级元素？

1.行内元素也叫内联元素，和其他元素在同一行，对其设置宽高以及垂直方向的内外边距不起作用，宽度只与内容有关。行内元素只能容纳文本或者其他行内元素。

2.块级元素独占一行，可设置宽高、行高及内外边距，宽度默认与父元素一致，它可以容纳内联元素和其他块级元素。

二、有哪些常见的行内、块级元素？

行内元素：span / img/  a / label / input  /em / abbr / big  /cite / i / q / textarea / select / small / sub / sup / strong / u  /button

块级元素：div/ p/ h1-h6/ ul / ol /dl /li /dd/ table/ hr/ address/ menu/ pre /header/section/aside /footer等

三、行内元素与块级元素的转换

1.行内元素默认的dispaly属性值为inline,若想让它转换为块级元素，独占一行，则设置display 属性值为block.

2。块级元素默认的dispaly属性值为block,若想让它转换为内联元素，在一行显示，则设置display 属性值为inline.

ps：display:none;表示元素不显示，且不占据页面空间；display:inline-block;使元素既具有宽高特性，又具有同行特性。