html中的行内元素和块级元素有哪些

html中的行内元素和块级元素有哪些

在html中,元素主要分为行内元素和块级元素;

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

行内元素的特点:相邻的行内元素不换行,设置宽高无效,margin设置仅左右方向有效,上下无效,padding设置上右下左都有效。水平方向上padding-left,padding-right,margin-left,margin-right都有边距效果,但是垂直方向上padding-top、padding-bottom、margin-top、margin-bottom都不会产生边距效果。

块级元素写完之后会自动换行,有宽和高。

块级元素的特点,能够自动换行开启新的一行,能够设置宽高,margin和padding对上下左右四个方向设置均有效。

还有一种特殊的元素叫做行内块元素可设置宽度和高度以及外边距和内边距的所有样式。三者之间的相互转换如下:

display:inline;转换为行内元素;

​ display:block;转换为块级元素;

display:inline-block;转换为行内块元素

大致分内是:

行内元素有:heda meat title lable span br a style em b i strong

块级元素有:body from select textarea h1-h6 html table button hr p ol ul dl cnter div

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

以上就是常见的行内元素和块级元素,还有常见的行内块元素

你可能感兴趣的:(html)