块级元素和行内元素是布局中常见的两种基本元素,而很多人不知道它们的差别
一:块级元素(block element)
每个块级元素一般占一行。
二:行内元素(inline element)
行内元素也叫内联元素、内嵌元素等。行内元素不会独占一行,相邻两个行内元素可以排在同一行,
对行内元素需要注意如下:
设置宽度width 无效。
设置高度height 无效,可以通过line-height来设置。
设置margin 只有左右margin有效,上下无效。
设置padding 只有左右padding有效,上下则无效。注意元素范围是增大了,但是对元素周围的内容是没影响的。