html中元素的描述,html的布局元素有哪些，并描述每种应用场景

分类：

1.内联元素

span i em a strong br input textarea

display: inline;

和其他的内联元素在同一行从左到右排列，不可以直接操作宽高以及相关的css属性，可以设置内外边距的左右值，(marign，padding的左右值)；

宽高由自身的内容的宽高决定(文本，图片)；

只能容纳行内元素，不能嵌套块级元素

2.块级元素

h1-h6,div,ul,ol,dl,li,table,li,form

display:block;

独占一行，每个元素会从新的一行开始，可以直接设置宽高以及相关css属性；

在不设置宽的情况下，宽度等于父元素的宽度；

在不设置高度的情况下，高度等于内容的高度

3.行内块级元素

综合了前两种的情况又各有取舍

display：inline-block

不自动换行

能够识别宽高，padding，lineheight，margin

默认排列方式为从左到右

应用场景：

内联元素：用于不指定宽高，有内容撑起宽高，不占满一行

块状元素：用于指定宽高，沾满一行

内联块级元素：用于指定宽高，不占满一行

原文：https://www.cnblogs.com/xxcnhj/p/13460198.html