随笔分类 -  CSS学习

摘要：1.object-fit fill: 中文释义“填充”。默认值。替换内容拉伸填满整个contentbox,不保证保持原有的比例。会出现拉伸contain: 中文释义“包含”。保持原有尺寸比例。保证替换内容尺寸一定可以在容器里面放得下。因此，此参数可能会在容器内留下空白。cover: 中文释义“覆盖” 阅读全文

摘要：网格化布局 display:grid; 基本概念： 1.容器、项目、 2.行、列 3.单元格 4.网格线 5.4*4 会有5根水平网格线、5根垂直网格线 容器属性：容器属性、项目属性 容器属性 1.display:grid; display:inline-grid; 2.grid-template- 阅读全文