柒色彩虹
柒色彩虹

css块级元素、行内元素和行内块级元素

一、行内元素和块级元素

1.1、块级元素（inline）：

  • 它独占一行；

  • 它的宽高可以设置；

  • 默认时，宽度是100%；

  • 例如：

    、、
      、
        、
      1. 等。

    1.2、行内元素（block）：

    • 它的宽度由内容决定，高度有内容字体大小决定；

    • 它不可以设置宽高；

    • 它可以和其他的行内元素位于同一行；

    • 例如：、

    1.3、行内块级元素（inline-block）：

    • 它即可以和其他的行内元素位于同一行，

    • 元素的宽高及与边的间距都可以设置；

    • 例如：、、