块级元素(block)特性:
总是独占一行,表现为另起一行开始,而且其后的元素也必须另起一行显示;
宽度(width)、高度(height)、内边距(padding)和外边距(margin)都可控制;
内联元素(inline)特性:
和相邻的内联元素在同一行;宽度(width)、高度(height)、内边距的top/bottom(padding-top/padding-bottom)和外边距的top/bottom(margin-top/margin-bottom)都不可改变(但padding 和margin 的left 和right 是可以设置的),就是里面文字或图片的大小。
浏览器还有默认的天生inline-block 元素(拥有内在尺寸,可设置高宽,但不会自动换行),有哪些?
<input> 、<img> 、<button> 、<textarea> 、<label>
。
常见的行内与块级元素:
行内:a,b,span,img,input,select,strong
块级:div,ul,ol,li,dd,dl,dt,h1,h2,…,p
行内与块级元素总结
最新推荐文章于 2022-10-15 18:23:22 发布