美文网首页
CSS(flex)

CSS(flex)

作者: JetLu | 来源:发表于2016-08-26 11:24 被阅读12次

父元素样式

/* 设置盒子模型 */
display: [flex|box];

/* 水平或竖直 */
flex-direction: [row|row-reverse|column|column-rerverse];
box-orient: [vertical|horizontal|inline-axis|block-axis];

/* 子元素对齐 */
align-items: [center|flex-start|flex-end|baseline|stretch]
justify-content:[...]
---
box-align: [center|start|end|baseline|stretch]
box-pack: [...]

子元素样式

box-flex: {number}
flex: {number}
/*
* 特别注意,有些浏览器下子元素要设置display: block。
* 否则,无法生效。嗯,坑你没商量。
*/

参考

相关文章

  • css flex布局详解

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

  • html编程技巧

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

  • flex布局

    /*! https://github.com/lzxb/flex.css */ [flex], [flex] > ...

  • 小程序CSS知识点

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

  • css flex

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

  • flex.css:移动端 flex 布局

    flex.css 快速布局 什么是 flex.css css3 flex 布局相信很多人已经听说过甚至已经在开发中...

  • css

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

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

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

  • 关于Flex的使用

    基本概念 css3 中Flex意为‘弹性布局’,采用css3 Flex布局的元素,称为Flex容器,它的所有子元素...

  • 阮一峰CSS flex -弹性布局

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

网友评论

      本文标题:CSS(flex)

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