相关文章
![[flex]flex-direction: column；](http://pic.002.xiahunao.cn/[flex]flex-direction: column；)
[flex]flex-direction: column；
<!DOCTYPE html>
<html>
<head>
<meta charset"utf-8">
<title>菜鸟教程(runoob.com)</title>
<style>
#main {width: 400px;height: 400px;border: 1px solid #c3c3c3;display: -webkit-flex; /* Safari */-webkit-flex-…
建站知识
2024/11/16 19:27:20
flex布局 flex全解 flex
一、Flex布局是什么？ Flex是Flexible Box的缩写，意为”弹性布局”，用来为盒状模型提供最大的灵活性。 任何一个容器都可以指定为Flex布局。 .box{display: flex;
}行内元素也可以使用Flex布局。 .box{display: inline-flex;
}Webkit内核的浏览…
建站知识
2024/10/26 6:35:56
flex:0 flex:1 flex:auto flex:none之间的区别
之前对flex的值经常使用的可能就是flex：1了，对于其余几种值却不是很清楚它们的用法；
这篇文章，原文地址：flex:0 flex:1 flex:none flex:auto应该在什么场景下使用？终于明白了它们之间的区别及用法。
flex…
建站知识
2024/10/26 19:45:59
ansible 的学习
目录 ansible学习思路：
ansible是什么？
官网：Ansible is Simple IT Automation
ansible的组成：
参考文档：Ansible入门与playbook实战-~学无止境,学以致用 ^ _ ^-51CTO博客
ansible操作体验：
1、先…
建站知识
2024/10/27 0:00:37
FLEX--仿Google联想框效果
首先是事件源，也就是从何而起，如下的一个输入框： <mx:FormItem label"集团客户:" width"42%"><!--change1--><mx:TextInput id"txtAssociation" width"235" maxChars"32" …
建站知识
2024/10/26 22:56:21
flex-grow 与flex-shink
flex-grow
flex-grow的作用是灵活的分配父元素的剩余空间给子元素，强调的是父元素的剩余空间每个子元素默认的flex-grow为0，及不划分剩余空间所有子元素的flex-grow的总和表示把父元素的剩余空间分为多少份每个子元素的flex-grow的值：又表示…
建站知识
2024/10/25 13:40:53
