行内元素和块级元素的具体区别是什么?行内元素的padding和margin可设置吗?
Posted 石顺麟
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了行内元素和块级元素的具体区别是什么?行内元素的padding和margin可设置吗?相关的知识,希望对你有一定的参考价值。
块级元素(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> 、<texterea> 、<label>。
以上是关于行内元素和块级元素的具体区别是什么?行内元素的padding和margin可设置吗?的主要内容,如果未能解决你的问题,请参考以下文章