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

一、行内元素和块级元素

1.1、块级元素(inline):

  • 它独占一行;

  • 它的宽高可以设置;

  • 默认时,宽度是100%;

  • 例如:

      1. 等。

    1.2、行内元素(block):

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

    • 它不可以设置宽高;

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

    • 例如:

    1.3、行内块级元素(inline-block):

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

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

    • 例如: