行内元素,块元素,行内块元素有哪些?都有什么特点?
常用的行内元素有:span , a , em , b , i , strong …
特点:
和其它元素都在一行上
元素的宽度、高度及顶部和顶部边距都不能设置
元素的宽度就是它所包含的文字或图片的宽度,不可修改。
常用的块级元素有:div , p , h1~h6 , ol , ul , dl , form , table , address …
特点:
每个块级元素都独占
元素的宽度、高度、行高及顶部和底部边距可以设置
元素宽度在不设置的情况下,和它父元素的宽度一致。
常用的行内元素有:img , input , td
特点:
和其它元素都在一行上
元素的宽度、高度、行高及顶部和底部边距可以设置。
元素之间是如何转换的?
变为块级元素(独占一行,可控):display: block;
变为行内元素(不会独占一行,不可控):display: inline;
变为行内块元素(可设置宽高,margin,padding):display: inline-block;