首页 > 代码库 > 元素的显示方式

元素的显示方式

一.行内元素

1.一行可以显示多个
2.不能设置宽度
3.大小由内容决定
显示方式:display:inline
代表元素:a,span,u,b,i,s,strong,ins,em,del

二.块级元素

1.独占一行
2.可以设置宽高
3.默认宽度一整行
显示方式:display:block
代表标签:p,h1-h6,div,ul,li,ol,dl,dt,dd

三.行内块级元素

1.一行可以显示多个
2.可以设置宽高
显示方式:display:inline-block
代表标签:img input textarea

四.元素之间的切换

修改display属性

元素的显示方式