前端开发技术

1、垂直对齐 如果你用CSS，则你会有困惑：我该怎么垂直对齐容器中的元素？现在，利用CSS3的Transform，可以很优雅的解决这个困惑： .verticalcenter{ position: relative; top: 50%; -webkit-transform: translateY(-50%); -o-transform: trans

网页布局（layout）是 CSS 的一个重点应用。 布局的传统解决方案，基于盒状模型，依赖 display 属性 + position属性 + float属性。它对于那些特殊布局非常不方便，比如，垂直居中就不容易实现。 2009年，W3C 提出了一种新的方案----Flex 布局，可以简便、完整、响应式地实现各种页面布局。目前，它已经得到了所有浏览器的支持，这

  该 object-fit CSS 属性指定替换元素的内容应该如何适应到其使用的高度和宽度确定的框。 初始值 fill  适用于 替换元素  遗传 是  媒体 视觉  计算值 按规定  动画类型 离散的  为了规范 通过正规的语法定义的唯一无歧义的秩序  /* 关键属性 */ object-fit: fill; object-fit: contain; object-fit: cover...