03
06/24
解决flex-direction: column 之后元素宽度自动变为100%
一、问题描述 当我们设置父元素flex-direction为column后，他的子元素如果我们没有设置具体宽度（可能我们希望子元素宽度由内容撑开），这时就会发现，所有的子元素宽度默认是100%了 二、解决方式 1.设置某个子元素 我们给对应子元素的align-self设置除auto和stretch之外的值就行 align-self: baseline
26
05/22
Flex 如何让最后一项右边对齐？（CSS）
Flex 中使用 justify-content, 规定项目之间的对其方法，如果要让最后一项向右边对齐，如下图： 有一个简单的方法，在最后一项元素使用样式： margin-left: auto; 原文来自stackoverflow
19
06/19
Flex 布局教程：语法篇
作者： 阮一峰 日期： 2015年7月10日 网页布局（layout）是 CSS 的一个重点应用。 布局的传统解决方案，基于盒状模型，依赖 display 属性 + position属性 + float属性。它对于那些特殊布局非常不方便，比如，垂直居中就不容易实现。 2009年，W3C 提出了一种新的方案----Flex 布局，可以简便、完整、响应式地实现各种页面布局。目前，它已经得到了所有浏览器的支持，这意味着，现在就能很安全地使用这项功能。 Flex 布局将成为未来布局的首选方案。本文介绍它的语法，下一篇文章给出常见布局的 Flex 写法。...