# 简介

温馨提示

  • DNVUE UI为开发者准备的兼容多端常用辅助CLASS,使用本专题的辅助样式可多平台 nvue / vue 页面同时兼容。
  • 当前专题内的内置class均为flex布局,无需再自定义flex布局。

# CSS FLEXBOX

2009年,W3C提出了一种新的方案 —— Flex布局,可以简便、完整、响应式地实现各种页面布局,目前已得到广泛的使用。

# Flex布局是什么?

Flex是Flexible Box的缩写,翻译成中文就是“弹性盒子”,用来为盒装模型提供最大的灵活性。任何一个容器都可以指定为Flex布局。

Flex 布局教程:语法篇 (opens new window)

# 基本概念

采用Flex布局的元素,被称为Flex容器(flex container),简称“容器”。其所有子元素自动成为容器成员,成为Flex项目(Flex item),简称“项目”。
1