美文网首页
css笔记-6/flex之前的布局

css笔记-6/flex之前的布局

作者: joker731 | 来源:发表于2018-04-19 02:08 被阅读5次

flex布局

  • flex之前的布局
  • flex之后
  • 基本概念
  • flex container的六个属性
  • flex item
  • 例子
  • 参考

flex之前的布局

  • 正常流就是文档流,内联元素从左到右,块元素从上往下
  • 浮动,float+clear
  • 定位 position + absolute
  • display online-block
  • 负margin
    //现在用的最多的是浮动/flex,年底可能grid就要出了

css3来了之后就有了flex布局//flex就是弹性布局的意思

  • 块级布局侧重垂直方向,行内布局侧重水平方向,flex布局是与方向无关的
  • flex布局可以实现空间的自动分配,自动对齐(flexble:弹性,灵活)
  • flex适用于简单的线性布局,更复杂的布局要交给grid布局(还没发布)

相关文章

  • css笔记-6/flex之前的布局

    flex布局 flex之前的布局 flex之后 基本概念 flex container的六个属性 flex ite...

  • css flex布局详解

    css flex布局详解 css flex布局详解1css flex布局详解2

  • CSS flex布局学习笔记

    CSS flex布局学习笔记 flex简介 flex用于为容器内的子元素设置布局。当一个元素的display属性设...

  • 小程序CSS知识点

    一、flex布局Flex 布局教程:语法篇Flex 布局教程:实例篇 二、CSS position 属性总结CSS...

  • CSS 圣杯布局(左右固定、中间自适应)

    CSS 圣杯布局 flex 布局(推荐) 定位布局(推荐) css3 calc布局(影响性能,不推荐) flex:...

  • css flex

    css flex布局 采用 Flex 布局的元素,称为 Flex 容器(flex container),简称“容器...

  • css

    css基础css选择器css常见样式1css常见样式2CSS布局上CSS布局下flex布局塔防小游戏flex布局青...

  • html编程技巧

    字体外部描边 Css 基于flex布局的盒子上下居中 Css 基于flex布局的盒子左右居中 Css 基于flex...

  • 阮一峰CSS flex -弹性布局

    阮一峰CSS flex 布局教程 Flex 布局教程:实例篇

  • React Native 学习

    基础 JavaScript ES6/ES7 TypeScript选学 CSS Flex 布局(css中的重点) R...

网友评论

      本文标题:css笔记-6/flex之前的布局

      本文链接:https://www.haomeiwen.com/subject/dzslnxtx.html