在页面布局中，我们经常会遇到/使用这么一类常见的布局，也就是列表内容水平居中于容器中，像是这样：
<ul class="g-contaner">
<li></li>
<li></li>
</ul>
2024年09月21日
在页面布局中，我们经常会遇到/使用这么一类常见的布局，也就是列表内容水平居中于容器中，像是这样：
<ul class="g-contaner">
<li></li>
<li></li>
</ul>
2024年09月21日
flex是Flexible Box的缩写，意思为“弹性布局”，在使用过程中简单、易用、代码较少，在制作网页的时候经常使用这种方法来进行布局。
在使用的过程中任何一个容器都可以指定为Flex布局.{display:flex},行内元素也可以使用Flex布局.box{display:inline-flex;}。当我们将容器设置为Flex布局以后，容器当中的子元素的float、clear等属性会失效。采用Flex布局的元素，称为Flex容器，他的所有子元素自动成为容器成员，称为Flex项目。
2024年09月21日
Flex 是 Flexible Box 的缩写，意为"灵活的盒子"或"弹性的盒子"，所以 flex 布局一般也叫作"弹性布局"。
1.什么是 flex 容器（flex container）？采用 flex 布局的元素，称为 flex 容器。
2.什么是 flex 项目（flex item）？
2024年09月21日
点击右上方红色按钮关注“web秀”，让你真正秀起来
Flex（Flexible Box），意为”弹性布局”。“弹性”，顾名思义，就是具有弹簧的特性，能够自由的伸缩（有点自适应的意思）。
其实Flex并不是最近才出现的，而是早在十年前它就被提出。2009年，W3C提出了一种新的方案—-Flex布局，可以简便、完整、响应式地实现各种页面布局。目前，它已经得到了所有浏览器的支持，这意味着，现在就能很安全地使用这项功能。
2024年09月21日
昨天学习了部分flex布局的属性，今天在学习几个项目中用的比较多的flex属性：
这个属性时对之前align-items属性的一个补充，align-items属性时设置父元素对子元素的交叉轴上的位置控制，而align-self属性是控制子元素自己相对于父元素的位置。
他的取值有6个：auto（默认） | flex-start | flex-end | center | baseline | stretch;
2024年09月21日
这篇文章主要是分享了Flex弹性盒模型的基本概念, 简要介绍了Flex弹性盒模型的发展历程，最后重点介绍了Flex container六个属性以及Flex item的六个属性。下面我们就一一的往下看：
Flex弹性盒模型是2009年W3C提出的一种新的布局方案，叫做Flex布局也叫作弹性盒子模型。它可以完整、简便、响应式的实现各种页面布局。布局的最外层元素叫做Flex容器（flex container），flex容器下面的子元素称之为容器成员（flex item）。
2024年09月21日
2024年09月21日
布局的传统解决方案，基于盒状模型，依赖 display 属性 + position属性 + float属性。它对于那些特殊布局非常不方便，比如，垂直居中就不容易实现。
为了应对前端越来越复杂的需求，2009年，W3C 提出了一种新的方案----Flex 布局，可以简便、完整、响应式地实现各种页面布局。目前，它已经得到了所有浏览器的支持，这意味着，现在就能很安全地使用这项功能。
Flex 是 Flexible Box 的缩写，意为"弹性布局"，用来为盒状模型提供最大的灵活性。
2024年09月21日
Flex是Flexible Box的缩写，意为"弹性布局"，用来为盒状模型提供最大的灵活性。
任何一个容器都可以指定为Flex布局。
.box{
display: flex;
}
行内元素也可以使用Flex布局。