首页 > 代码库 > block、inline、inline-block

block、inline、inline-block

2024-08-15 15:53:21   213人阅读

 

block:
  1. block - 块级元素
  2. 常见的块级元素包括：div,form,p,table,ul,ol,dl,h1~h6,pre
  3. block 可以包含 inlne 和 block 和 inline-block(有的不适合，比如 p)；
  4. block 独占一行，多个block 会另起一行；
  5. 默认情况下，block元素宽度自动填满父元素；
  6. block 可以设置 width 和 height，但还是独占一行；
  7. block 可以设置margin 和 padding；
inline:
  1. inline - 行内元素（内联元素）；
  2. 常见的行内元素包括：span,a,label,input,strong,em,select,textarea,img,br,code；
  3. inline 不能包含子元素；
  4. 多个inline都在一样显示，直到放不下，才会另起一行。
  5. inline 元素设置 width 和 height 无效，宽度是内容决定的。
  6. inline 的 （margin-left、right） 和（padding-left、right） 是有效的，height是无效的。
inline-block：
  1. 这个属性是让元素 既能一行，又可以设置 宽高、边距 等。
  2. inline-block 理论上ie低版本是不支持的，但它会触发 layout，显示出inline-block的表象。

block、inline、inline-block


联系
我们