Skip to content

C
Coding Tree

檀越@新空间 / Coding Tree

通知 2
Star 0
Fork 0
C
Coding Tree
提交 05a9c0f1 编写于 作者: 彭世瑜's avatar 彭世瑜
浏览文件
操作

fix

上级 7fa585ee
显示空白变更内容
内联 并排
Showing with 5 addition and 5 deletion
blog/front-end-combat/flex.md
浏览文件 @ 05a9c0f1
...@@ -11,6 +11,11 @@ width: 100%; ...@@ -11,6 +11,11 @@ width: 100%;
height: 50px; height: 50px;
``` ```
## Float 浮动布局
- 最初为了实现文字环绕
- Float 布局会造成浮动的盒子脱标，不能撑开父级容器
## Flex 布局 ## Flex 布局
Flex 布局: 弹性布局 Flex 布局: 弹性布局
...@@ -20,11 +25,6 @@ Flex 布局: 弹性布局 ...@@ -20,11 +25,6 @@ Flex 布局: 弹性布局
- 避免浮动脱标的问题 - 避免浮动脱标的问题
- 非常适合结构化布局 - 非常适合结构化布局
Float 浮动布局
- 最初为了实现文字环绕
- Float 布局会造成浮动的盒子脱标，不能撑开父级容器
Flex 布局示例 Flex 布局示例
```css ```css
......
Markdown is supported
0% 或 .
You are about to add 0 people to the discussion. Proceed with caution.
先完成此消息的编辑！
想要评论请 注册 或