前端基础学习
3篇文章 · 0订阅
  • 一劳永逸的搞定 flex 布局
    寻根溯源话布局 一切都始于这样一个问题：怎样通过 CSS 简单而优雅的实现水平、垂直同时居中。记得刚开始学习 CSS 的时候，看到 float 属性不由得感觉眼前一亮，顺理成章的联想到 Word 文档排版中用到的的左对齐、右对齐和居中对齐，然而很快就失望的发现 CSS 中并不存…
    CSS flexbox
    一劳永逸的搞定 flex 布局
  • Flex布局应用
    CSS3为我们提供了一种可伸缩的灵活的web页面布局方式-flexbox布局，它具有很强大的功能，可以很轻松实现很多复杂布局。然而Flex属性较多，不便于记忆，而在项目中，布局使用频繁，那么可以将flex抽离为一个布局工具类，简化使用方式，快速应用于项目，减少记忆成本。 Fle…
    CSS 前端 flexbox
    Flex布局应用
  • [知其所以然]探究Flex盒子的‘’弹性‘’
    我们使用Flexbox 实现垂直水平居中、自适应容器宽度乐此不疲，因为确确实实很方便。可以简便、完整、响应式地实现各种页面布局，目前已得到所有现代浏览器的支持。但Flex属性如何计算呢？ Flex是Flexible Box的缩写，翻译成中文就是“弹性盒子”，用来为盒状模型提供最…
    CSS