Flex layout - 版本历史

Riguz：/* Align self */

2024-12-08T15:19:13Z

Align self

←上一版本		2024年12月8日 (日) 15:19的版本
第21行：		第21行：
	== Align self==		== Align self==

	[[File:~~flex~~-self.svg\|200px\|thumb\|align-self]]		[[File:align-self.svg\|200px\|thumb\|align-self]]

	Issue: Flexbox "align-items : center" shrinks a child's max-width<ref>https://stackoverflow.com/questions/35836415/flexbox-align-items-center-shrinks-a-childs-max-width</ref>		Issue: Flexbox "align-items : center" shrinks a child's max-width<ref>https://stackoverflow.com/questions/35836415/flexbox-align-items-center-shrinks-a-childs-max-width</ref>

Riguz：/* Direction */

2024-12-08T15:18:54Z

Direction

@@ 第16行： / 第16行： @@
 .container {
    flex-direction: row | row-reverse | column | column-reverse;
+}
 </syntaxhighlight>

Riguz：/* Direction */

2024-12-08T15:16:46Z

Direction

←上一版本		2024年12月8日 (日) 15:16的版本
第11行：		第11行：
	This establishes the main-axis, thus defining the direction flex items are placed in the flex container. Flexbox is (aside from optional wrapping) a single-direction layout concept.		This establishes the main-axis, thus defining the direction flex items are placed in the flex container. Flexbox is (aside from optional wrapping) a single-direction layout concept.

	[[~~Image~~:flex-direction.svg\|200px\|thumb]]		[[File:flex-direction.svg\|200px\|thumb\|flex-direction]]

	<syntaxhighlight lang="css">		<syntaxhighlight lang="css">

Riguz：/* Direction */

2024-12-08T15:15:56Z

Direction

←上一版本		2024年12月8日 (日) 15:15的版本
第12行：		第12行：

	[[Image:flex-direction.svg\|200px\|thumb]]		[[Image:flex-direction.svg\|200px\|thumb]]

			<syntaxhighlight lang="css">
			.container {
			flex-direction: row \| row-reverse \| column \| column-reverse;
			}
			</syntaxhighlight>

Riguz：/* Direction */

2024-12-08T15:15:09Z

Direction

←上一版本		2024年12月8日 (日) 15:15的版本
第11行：		第11行：
	This establishes the main-axis, thus defining the direction flex items are placed in the flex container. Flexbox is (aside from optional wrapping) a single-direction layout concept.		This establishes the main-axis, thus defining the direction flex items are placed in the flex container. Flexbox is (aside from optional wrapping) a single-direction layout concept.

	[[Image:flex-direction.svg\|~~400px~~\|thumb]]		[[Image:flex-direction.svg\|200px\|thumb]]

Riguz：/* Direction */

2024-12-08T15:14:55Z

Direction

←上一版本		2024年12月8日 (日) 15:14的版本
第9行：		第9行：
	== Direction ==		== Direction ==

			This establishes the main-axis, thus defining the direction flex items are placed in the flex container. Flexbox is (aside from optional wrapping) a single-direction layout concept.

	[[Image:flex-direction.svg\|400px\|thumb]]		[[Image:flex-direction.svg\|400px\|thumb]]

2024年12月8日 (日) 15:14 Riguz

2024-12-08T15:14:02Z

←上一版本		2024年12月8日 (日) 15:14的版本
第4行：		第4行：

	[[文件:Flex-basis.svg\|400px\|thumb]]		[[文件:Flex-basis.svg\|400px\|thumb]]


	= Flex properties =		= Flex properties =

Riguz：/* Basics */

2024-12-08T15:13:50Z

Basics

←上一版本		2024年12月8日 (日) 15:13的版本
第1行：		第1行：
	= Basics =		= Basics =
	If “regular” layout is based on both block and inline flow directions, the flex layout is based on “flex-flow directions”.		If “regular” layout is based on both block and inline flow directions, the flex layout is based on “flex-flow directions”.


	[[文件:Flex-basis.svg\|400px\|thumb]]		[[文件:Flex-basis.svg\|400px\|thumb]]

Riguz：/* Flex properties */

2024-12-08T15:13:41Z

Flex properties

←上一版本		2024年12月8日 (日) 15:13的版本
第6行：		第6行：
	= Flex properties =		= Flex properties =
	== Direction ==		== Direction ==


	[[Image:flex-direction.svg\|400px\|thumb]]		[[Image:flex-direction.svg\|400px\|thumb]]

Riguz：/* Flex properties */

2024-12-08T15:12:46Z

Flex properties

←上一版本		2024年12月8日 (日) 15:12的版本
第1行：		第1行：
	= Basics =		= Basics =
	If “regular” layout is based on both block and inline flow directions, the flex layout is based on “flex-flow directions”.		If “regular” layout is based on both block and inline flow directions, the flex layout is based on “flex-flow directions”.

			[[文件:Flex-basis.svg\|400px\|thumb]]

	= Flex properties =		= Flex properties =
	== Direction ==		== Direction ==

	[[Image:flex-direction.svg\|400px]]		[[Image:flex-direction.svg\|400px\|thumb]]




	~~[[文件:Flex-basis.svg~~\|~~400px~~]]

Flex layout - 版本历史

Riguz：​/* Align self */

Riguz：​/* Direction */

Riguz：​/* Direction */

Riguz：​/* Direction */

Riguz：​/* Direction */

Riguz：​/* Direction */

2024年12月8日 (日) 15:14 Riguz

Riguz：​/* Basics */

Riguz：​/* Flex properties */

Riguz：​/* Flex properties */

Riguz：/* Align self */

Riguz：/* Direction */

Riguz：/* Direction */

Riguz：/* Direction */

Riguz：/* Direction */

Riguz：/* Direction */

Riguz：/* Basics */

Riguz：/* Flex properties */

Riguz：/* Flex properties */