css行内元素、块元素、行内块元素的区别

行内元素的特点:

1.和其他元素在一行显示

2.元素的宽度、高度、行高及底部边距不可编辑

3.元素的宽度就是它包含的文字或图片的宽度,不可改变

4.行内元素只能容纳纯文本或者是其他的行内元素(a标签除外,a里面不能放自己)

5.默认不会换行

注意:行内元素里不能放块元素, 并且和相邻的行内元素在一行上,块元素里可以嵌套行内元素和行内块元素

常见的行内元素:

a b span img input  select  strong button        

块元素的特点:

1.每个块级元素都是从新的一行开始,并且其后的元素也另起一行

2.元素的宽度、高度、行高以及顶部和底边距都可以设置

3.元素的宽高在不设置的情况下,是他本身父容器的100%,除非设定一个宽度

4.多个块状,默认排列从上到小

常见的块元素:

 div p  ul li ol dl dt dd h1 h2 h3 h4 h5 h6

行内块元素的特点:

 行内块元素既具有行内元素特点即不独占一行,又具有块元素特点即可以设置宽高

常见的行内块元素:

 img input 

 行内元素,行内块元素,块元素的转换

display:block ,将元素转换为块级元素

display :  inline ,将元素转换为行内元素

display:inline-block,将元素转换为行内块级元素

猜你喜欢

转载自blog.csdn.net/qq_60976312/article/details/130534172