From de828422fdd834f73e04f1e12a84b50f4fcd9013 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=E6=B1=9F=E6=96=87=E6=B7=AF?= <14131014+jiang-wenyu0212@user.noreply.gitee.com> Date: Mon, 4 Nov 2024 13:19:05 +0800 Subject: [PATCH] 1028 --- .../20241028-flex\345\261\236\346\200\247.md" | 23 +++++++++++++++++++ 1 file changed, 23 insertions(+) create mode 100644 "\346\261\237\346\226\207\346\267\257/\347\254\224\350\256\260/20241028-flex\345\261\236\346\200\247.md" diff --git "a/\346\261\237\346\226\207\346\267\257/\347\254\224\350\256\260/20241028-flex\345\261\236\346\200\247.md" "b/\346\261\237\346\226\207\346\267\257/\347\254\224\350\256\260/20241028-flex\345\261\236\346\200\247.md" new file mode 100644 index 00000000..8a9d4c4b --- /dev/null +++ "b/\346\261\237\346\226\207\346\267\257/\347\254\224\350\256\260/20241028-flex\345\261\236\346\200\247.md" @@ -0,0 +1,23 @@ +## CSS flex 属性 +- 实例 +- 让所有弹性盒模型对象的子元素都有相同的长度,且忽略它们内部的内容: + +- #main div +- { +- flex:1; +- } +## 定义和用法 +- flex 属性用于设置或检索弹性盒模型对象的子元素如何分配空间。 +- flex 属性是 flex-grow、flex-shrink 和 flex-basis 属性的简写属性。 +- 注意:如果元素不是弹性盒模型对象的子元素,则 flex 属性不起作用。 +## CSS 语法 +- flex: flex-grow flex-shrink flex-basis|auto|initial|inherit; +- 属性值: +- flex-grow : 一个数字,规定项目将相对于其他灵活的项目进行扩展的量。 +- flex-shrink:一个数字,规定项目将相对于其他灵活的项目进行收缩的量。 +- flex-basis:项目的长度。合法值:"auto"、"inherit" 或一个后跟 "%"、"px"、"em" 或任何其他长度单位的数字。 +- auto:与 1 1 auto 相同。 +- none:与 0 0 auto 相同。 +- initial:设置该属性为它的默认值,即为 0 1 auto。请参阅 initial。 +- inherit:从父元素继承该属性。请参阅 inherit。 + -- Gitee