盒子模型

Author Avatar
Roojay 9月 16, 2017
  • 在其它设备中阅读本文章

浏览器中的每个视图可以看成是一个一个嵌套的盒子.

box-size

  • 元素大小 = boder + padding + contentwidth
  • box-size: boder-size;（兼容性） 它会让系统计算元素大小时会将 boder padding 包括在内。不包含外边距(margin)。
{
 -webkit-box-size: boder-size;
 -ms-box-size: boder-size;
 -moz-box-size: boder-size;
}

浏览器前缀

  • -webkit
  • -ms
  • -moz

flex

弹性布局

  • 用于 Chrome 29+、IE 11+ 和 Mozilla 28+。要支持 Safari，必须添加 -webkit- 前缀：
{
    display: -webkit-flex;
    display: flex;
}

The MIT License (MIT)
Copyright (c) 2019, Roojay.
本文链接：https://roojay.com/pages/998dffd6/