网站编号：3257

网站URL：https://www.cssportal.com/css-flexbox-generator

最后点入：2023-09-10 13:29:14 · 加入时间：2023-09-08 18:29:48

网站关键词(26个字符):
css、 flex、 flexbox、 generator、

网站描述词(158个字符):
LearnhowthecssflexboxpropertiesworkbyusingourCSSFlexboxGenerator.Makechangestoeachpropertytovisuallyseehowtheflexboxitemsreacts.CSSandHTMLcodeisalsogenerated.

关于www.cssportal.com说明：
www.cssportal.com由网友主动性提交被自动秒收录整理收录的，自动秒收录仅提供www.cssportal.com的基础信息并免费向大众网友展示，www.cssportal.com的是IP地址：- 地址：-，www.cssportal.com的百度权重为0、百度手机权重为0、百度收录为-条、360收录为-条、搜狗收录为条、谷歌收录为-条、百度来访流量大约在-之间、百度手机端来访流量大约在-之间、www.cssportal.com的备案号是-、备案人叫-、被百度收录的关键词有-个、手机端关键词有-个、迄今为止已经创建未知。

下载地址: txt下载、docx下载、pdf下载、rar下载、zip下载

本页地址: https://www.badfl.com/links/0e85216bcbdb6bd88a4f.html

SEO信息	百度来访IP：- | 移动端来访IP：- | 出站链接：0 | 站内链接：497
IP网速：	IP地址：- 地址：- | 网速：885毫秒
ALEXA排名	世界排名：- | 预估IP：- | 预估PV：-
备案信息	- | 名称：- | 已创建：未知

收录	百度	360	搜狗	谷歌
查询	-	-		-

电脑关键词	手机关键词	页面友好	首页位置	索引	近期收录
-	-	电脑端优秀	-	-	-

服务器信息 协议类型 - 页面类型 - 服务器类型 - 程序支持 - 连接标识 - 消息发送 - GZIP检测 - 源文件大小 - 压缩后大小 - 压缩率 -

C S S F l e x b o x G e n e r a t o r - C S S P o r t a l C S S P o r t a l S e a r c h F a v o r i t e s C a t e g o r i e s C S S G e n e r a t o r s A n i m a t e d T e x t G e n e r a t o r B o r d e r R a d i u s G e n e r a t o r B o x S h a d o w G e n e r a t o r B u t t o n G e n e r a t o r C l i p P a t h G e n e r a t o r C o l u m n G e n e r a t o r C u b i c B e z i e r G e n e r a t o r F l i p S w i t h G e n e r a t o r F l e x b o x G e n e r a t o r G l i t c h T e x t E f f e c t G o o g l e F o n t s C S S G r a d i e n t G e n e r a t o r I m a g e F i l t e r G e n e r a t o r I n p u t R a n g e G e n e r a t o r L a y o u t G e n e r a t o r L o a d e r / S p i n n e r G e n e r a t o r M e n u G e n e r a t o r R G B A G e n e r a t o r R i b b o n G e n e r a t o r R i b b o n B a n n e r G e n e r a t o r S c r o l l b a r G e n e r a t o r S p r i t e G e n e r a t o r T e x t G r a d i e n t G e n e r a t o r T e x t R o t a t e G e n e r a t o r T e x t S h a d o w G e n e r a t o r T o o l t i p G e n e r a t o r T r i a n g l e G e n e r a t o r 3 D T r a n s f o r m G e n e r a t o r C S S R e s o u r c e s C S S A t R u l e s C S S A n i m a t i o n s C S S B l o g C S S C o l o r N a m e s C S S D a t a T y p e s C S S F u n c t i o n s C S S P r e l o a d e r s C S S P r o p e r t i e s C S S P s e u d o C l a s s e s C S S Q u i z C S S S e l e c t o r s C S S S h a p e s C S S T o o l s L E S S t o C S S C o m p i l e r S C S S t o C S S C o m p i l e r S t y l u s t o C S S C o m p i l e r C S S t o L E S S C o n v e r t e r C S S t o S C S S C o n v e r t e r C S S t o S t y l u s C o n v e r t e r C S S C o l o r C o n v e r t e r C S S C u r s o r V i e w e r C S S F o n t P r e v i e w C S S C o d e F o r m a t t e r C S S L e n g t h s C S S C o d e O p t i m i z e r C S S V a l i d a t o r C S S V i s u a l S t y l e E d i t o r C o n v e r t I m a g e t o D a t a O n l i n e C S S E d i t o r H T M L T o o l s P u g t o H T M L C o m p i l e r M a r k d o w n t o H T M L C o m p i l e r H T M L t o P u g C o n v e r t e r H T M L t o M a r k d o w n C o n v e r t e r H T M L C h a r a c t e r C o d e s H T M L C o l o r s H T M L B e a u t i f i e r / M i n i f i e r H T M L T a b l e G e n e r a t o r H T M L T a g s H T M L O n l i n e E d i t o r H T M L T u t o r i a l H T M L V a l i d a t o r R e f e r e n c e s C S S A t - R u l e s @ c h a r s e t @ c o u n t e r - s t y l e @ d o c u m e n t @ f o n t - f a c e @ f o n t - f e a t u r e - v a l u e s @ i m p o r t @ k e y f r a m e s @ m e d i a @ n a m e s p a c e @ p a g e @ s u p p o r t s @ v i e w p o r t C S S D a t a T y p e s a n g l e b a s i c - s h a p e b l e n d - m o d e c o l o r f r e q u e n c y g r a d i e n t i m a g e i n t e g e r l e n g t h n u m b e r p e r c e n t a g e p o s i t i o n r a t i o r e s o l u t i o n s t r i n g t i m e u r l C S S F u n c t i o n s a t t r ( ) b l u r ( ) b r i g h t n e s s ( ) c a l c ( ) c i r c l e ( ) c o n t r a s t ( ) d r o p - s h a d o w ( ) e l l i p s e ( ) g r a y s c a l e ( ) h s l ( ) h s l a ( ) h u e - r o t a t e ( ) i n s e t ( ) i n v e r t ( ) l i n e a r - g r a d i e n t ( ) m a t r i x ( ) m a t r i x 3 d ( ) o p a c i t y ( ) p e r s p e c t i v e ( ) p o l y g o n ( ) r a d i a l - g r a d i e n t ( ) r e p e a t i n g - l i n e a r - g r a d i e n t ( ) r e p e a t i n g - r a d i a l - g r a d i e n t ( ) r g b ( ) r g b a ( ) r o t a t e ( ) r o t a t e 3 d ( ) r o t a t e X ( ) r o t a t e Y ( ) r o t a t e Z ( ) s a t u r a t e ( ) s c a l e ( ) s c a l e 3 d ( ) s c a l e X ( ) s c a l e Y ( ) s c a l e Z ( ) s e p i a ( ) s k e w ( ) s k e w X ( ) s k e w Y ( ) t r a n s l a t e ( ) t r a n s l a t e 3 d ( ) t r a n s l a t e X ( ) t r a n s l a t e Y ( ) t r a n s l a t e Z ( ) C S S P r o p e r t i e s a l i g n - c o n t e n t a l i g n - i t e m s a l i g n - s e l f a l l a n i m a t i o n a n i m a t i o n - d e l a y a n i m a t i o n - d i r e c t i o n a n i m a t i o n - d u r a t i o n a n i m a t i o n - f i l l - m o d e a n i m a t i o n - i t e r a t i o n - c o u n t a n i m a t i o n - n a m e a n i m a t i o n - p l a y - s t a t e a n i m a t i o n - t i m i n g - f u n c t i o n b a c k f a c e - v i s i b i l i t y b a c k g r o u n d b a c k g r o u n d - a t t a c h m e n t b a c k g r o u n d - b l e n d - m o d e b a c k g r o u n d - c l i p b a c k g r o u n d - c o l o r b a c k g r o u n d - i m a g e b a c k g r o u n d - o r i g i n b a c k g r o u n d - p o s i t i o n b a c k g r o u n d - r e p e a t b a c k g r o u n d - s i z e b o r d e r b o r d e r - b o t t o m b o r d e r - b o t t o m - c o l o r b o r d e r - b o t t o m - l e f t - r a d i u s b o r d e r - b o t t o m - r i g h t - r a d i u s b o r d e r - b o t t o m - s t y l e b o r d e r - b o t t o m - w i d t h b o r d e r - c o l l a p s e b o r d e r - c o l o r b o r d e r - i m a g e b o r d e r - i m a g e - o u t s e t b o r d e r - i m a g e - r e p e a t b o r d e r - i m a g e - s l i c e b o r d e r - i m a g e - s o u r c e b o r d e r - i m a g e - w i d t h b o r d e r - l e f t b o r d e r - l e f t - c o l o r b o r d e r - l e f t - s t y l e b o r d e r - l e f t - w i d t h b o r d e r - r a d i u s b o r d e r - r i g h t b o r d e r - r i g h t - c o l o r b o r d e r - r i g h t - s t y l e b o r d e r - r i g h t - w i d t h b o r d e r - s p a c i n g b o r d e r - s t y l e b o r d e r - t o p b o r d e r - t o p - c o l o r b o r d e r - t o p - l e f t - r a d i u s b o r d e r - t o p - r i g h t - r a d i u s b o r d e r - t o p - s t y l e b o r d e r - t o p - w i d t h b o r d e r - w i d t h b o t t o m b o x - d e c o r a t i o n - b r e a k b o x - s h a d o w b o x - s i z i n g b r e a k - a f t e r b r e a k - b e f o r e b r e a k - i n s i d e c a p t i o n - s i d e c a r e t - c o l o r c l e a r c l i p - p a t h c o l o r c o l u m n - c o u n t c o l u m n - f i l l c o l u m n - r u l e c o l u m n - r u l e - c o l o r c o l u m n - r u l e - s t y l e c o l u m n - r u l e - w i d t h c o l u m n - s p a n c o l u m n - w i d t h c o l u m n s c o n t e n t c o u n t e r - i n c r e m e n t c o u n t e r - r e s e t c o u n t e r - s e t c u r s o r d i r e c t i o n d i s p l a y e m p t y - c e l l s f i l t e r f l e x f l e x - b a s i s f l e x - d i r e c t i o n f l e x - f l o w f l e x - g r o w f l e x - s h r i n k f l e x - w r a p f l o a t f o n t f o n t - f a m i l y f o n t - f e a t u r e - s e t t i n g s f o n t - k e r n i n g f o n t - l a n g u a g e - o v e r r i d e f o n t - s i z e f o n t - s i z e - a d j u s t f o n t - s t r e t c h f o n t - s t y l e f o n t - s y n t h e s i s f o n t - v a r i a n t f o n t - v a r i a n t - a l t e r n a t e s f o n t - v a r i a n t - c a p s f o n t - v a r i a n t - e a s t - a s i a n f o n t - v a r i a n t - l i g a t u r e s f o n t - v a r i a n t - n u m e r i c f o n t - v a r i a n t - p o s i t i o n f o n t - w e i g h t g r i d g r i d - a r e a g r i d - a u t o - c o l u m n s g r i d - a u t o - f l o w g r i d - a u t o - r o w s g r i d - c o l u m n g r i d - c o l u m n - e n d g r i d - c o l u m n - g a p g r i d - c o l u m n - s t a r t g r i d - g a p g r i d - r o w g r i d - r o w - e n d g r i d - r o w - g a p g r i d - r o w - s t a r t g r i d - t e m p l a t e g r i d - t e m p l a t e - a r e a s g r i d - t e m p l a t e - c o l u m n s g r i d - t e m p l a t e - r o w s h a n g i n g - p u n c t u a t i o n h e i g h t h y p h e n s i m a g e - o r i e n t a t i o n j u s t i f y - c o n t e n t j u s t i f y - i t e m s j u s t i f y - s e l f l e f t l e t t e r - s p a c i n g l i n e - b r e a k l i n e - h e i g h t l i s t - s t y l e l i s t - s t y l e - i m a g e l i s t - s t y l e - p o s i t i o n l i s t - s t y l e - t y p e m a r g i n m a r g i n - b o t t o m m a r g i n - l e f t m a r g i n - r i g h t m a r g i n - t o p m a x - h e i g h t m a x - w i d t h m i n - h e i g h t m i n - w i d t h m i x - b l e n d - m o d e o b j e c t - f i t o b j e c t - p o s i t i o n o p a c i t y o r d e r o r p h a n s o u t l i n e o u t l i n e - c o l o r o u t l i n e - o f f s e t o u t l i n e - s t y l e o u t l i n e - w i d t h o v e r f l o w o v e r f l o w - w r a p o v e r f l o w - x o v e r f l o w - y p a d d i n g p a d d i n g - b o t t o m p a d d i n g - l e f t p a d d i n g - r i g h t p a d d i n g - t o p p e r s p e c t i v e p e r s p e c t i v e - o r i g i n p l a c e - c o n t e n t p l a c e - i t e m s p l a c e - s e l f p o s i t i o n q u o t e s r e s i z e r i g h t s h a p e - i m a g e - t h r e s h o l d s h a p e - m a r g i n s h a p e - o u t s i d e t a b - s i z e t a b l e - l a y o u t t e x t - a l i g n t e x t - a l i g n - l a s t t e x t - c o m b i n e - u p r i g h t t e x t - d e c o r a t i o n t e x t - d e c o r a t i o n - c o l o r t e x t - d e c o r a t i o n - l i n e t e x t - d e c o r a t i o n - s t y l e t e x t - e m p h a s i s t e x t - e m p h a s i s - c o l o r t e x t - e m p h a s i s - p o s i t i o n t e x t - e m p h a s i s - s t y l e t e x t - i n d e n t t e x t - j u s t i f y t e x t - o r i e n t a t i o n t e x t - o v e r f l o w t e x t - s h a d o w t e x t - t r a n s f o r m t e x t - u n d e r l i n e - p o s i t i o n t o p t r a n s f o r m t r a n s f o r m - o r i g i n t r a n s f o r m - s t y l e t r a n s i t i o n t r a n s i t i o n - d e l a y t r a n s i t i o n - d u r a t i o n t r a n s i t i o n - p r o p e r t y t r a n s i t i o n - t i m i n g - f u n c t i o n u n i c o d e - b i d i v e r t i c a l - a l i g n v i s i b i l i t y w h i t e - s p a c e w i d o w s w i d t h w o r d - b r e a k w o r d - s p a c i n g w o r d - w r a p w r i t i n g - m o d e z - i n d e x C S S P s e u d o C l a s s e s : a c t i v e : c h e c k e d : d e f a u l t : d i s a b l e d : e m p t y : e n a b l e d : f i r s t - c h i l d : f i r s t - o f - t y p e : f o c u s : f u l l s c r e e n : h o v e r : i n - r a n g e : i n d e t e r m i n a t e : i n v a l i d : l a n g : l a s t - c h i l d : l a s t - o f - t y p e : l i n k : n o t : n t h - c h i l d : n t h - l a s t - c h i l d : n t h - l a s t - o f - t y p e : n t h - o f - t y p e : o n l y - c h i l d : o n l y - o f - t y p e : o p t i o n a l : o u t - o f - r a n g e : r e a d - o n l y : r e a d - w r i t e : r e q u i r e d : r o o t : t a r g e t : v a l i d : v i s i t e d C S S P s e u d o E l e m e n t s : : a f t e r : : b e f o r e : : f i r s t - l e t t e r : : f i r s t - l i n e : : p l a c e h o l d e r : : s e l e c t i o n H T M L T a g s I t e m M a r g i n I t e m W i d t h A d d I t e m A d d F l e x I t e m R e s e t x I t e m 1 F l e x C o n t a i n e r P r o p e r t i e s T h e f o l l o w i n g p r o p e r t i e s a f f e c t t h e f l e x b o x c o n t a i n e r . D e f a u l t v a l u e s m a r k e d w i t h d i s p l a y p r o p e r t y f l e x i n l i n e - f l e x T o c r e a t e a f l e x b o x , s e t t h e d i s p l a y p r o p e r t y o n t h e p a r e n t c o n t a i n e r e l e m e n t t o f l e x f o r a b l o c k - l e v e l f l e x c o n t a i n e r o r i n l i n e - f l e x f o r a n i n l i n e - l e v e l f l e x c o n t a i n e r . B o t h o f t h e s e v a l u e s d e f i n e t h e e l e m e n t a s a \ " f l e x c o n t a i n e r \ " a n d i t s c h i l d r e n a s \ " f l e x i t e m s \ " . f l e x - d i r e c t i o n p r o p e r t y r o w r o w - r e v e r s e c o l u m n c o l u m n - r e v e r s e T h e f l e x - d i r e c t i o n p r o p e r t y s p e c i f i e s h o w f l e x i t e m s f l o w w i t h i n a f l e x c o n t a i n e r b y s e t t i n g t h e c o n t a i n e r \ ' s m a i n a x i s e i t h e r h o r i z o n t a l l y ( l i k e r o w s ) o r v e r t i c a l l y ( l i k e c o l u m n s ) . W i t h t h e f l e x - d i r e c t i o n s e t t o r o w , f l e x i t e m s a r e a d d e d f r o m l e f t t o r i g h t W i t h t h e f l e x - d i r e c t i o n s e t t o r o w - r e v e r s e , f l e x i t e m s s t a r t o n t h e r i g h t a n d a r e a d d e d o n t h e l e f t . W i t h t h e f l e x - d i r e c t i o n s e t t o c o l u m n , f l e x i t e m s a r e a d d e d f r o m t o p t o b o t t o m W i t h t h e f l e x - d i r e c t i o n s e t t o c o l u m n - r e v e r s e , f l e x i t e m s s t a r t o n t h e b o t t o m a n d a r e a d d e d o n t h e t o p . T h i s p r o p e r t y a l s o d e f i n e s t h e c r o s s a x i s ( w h i c h i s p e r p e n d i c u l a r t o t h e m a i n a x i s ) w h i c h i s i m p l e m e n t e d w h e n t h e f l e x - w r a p p r o p e r t y i s s e t t o w r a p o r w r a p - r e v e r s e . N o t e t h a t r o w a n d r o w - r e v e r s e a r e r e v e r s e d i f t h e d i r e c t i o n p r o p e r t y i s r t l . I n t h e f l e x c o n t a i n e r a b o v e , t h e f l e x - d i r e c t i o n i s i n d i c a t e d b y a b l u e a r r o w i n t h e u p p e r l e f t c o r n e r . f l e x - w r a p p r o p e r t y n o w r a p w r a p w r a p - r e v e r s e B y d e f a u l t , f l e x i t e m s a r e l a i d o u t i n a s i n g l e l i n e ( r o w o r c o l u m n ) . S e t t i n g t h e f l e x - w r a p p r o p e r t y a l l o w s c o n t e n t t o w r a p o n t o m u l t i p l e l i n e s ( r o w s o r c o l u m n s ) w h i l e s e t t i n g t h e d i r e c t i o n o f t h e c r o s s a x i s i n t h e p r o c e s s . I f t h e f l e x - d i r e c t i o n i s s e t t o r o w o r r o w - r e v e r s e a n d f l e x - w r a p i s s e t t o w r a p , f l e x i t e m s w i l l w r a p f r o m t o p t o b o t t o m ( w r a p - r e v e r s e w o u l d m a k e f l e x i t e m s w r a p f r o m b o t t o m t o t o p ) . I f t h e f l e x - d i r e c t i o n i s s e t t o c o l u m n o r c o l u m n - r e v e r s e a n d f l e x - w r a p i s s e t t o w r a p , f l e x i t e m s w i l l w r a p f r o m l e f t t o r i g h t ( w r a p - r e v e r s e w o u l d m a k e f l e x i t e m s w r a p f r o m r i g h t t o l e f t ) . W h e n t h e f l e x - w r a p p r o p e r t y i s s e t t o n o w r a p , f l e x i t e m s w i l l b e a d d e d t o f i t t h e f l e x c o n t a i n e r a n d o v e r f l o w t h e c o n t a i n e r i f t h e f l e x i t e m s c a n \ ' t b e s h r u n k t o f i t . N o t e t h a t t h e w r a p p i n g o f c o l u m n s w i l l b e r e v e r s e d i f t h e d i r e c t i o n p r o p e r t y i s r t l . I n t h e f l e x c o n t a i n e r a b o v e , t h e c r o s s a x i s i s i n d i c a t e d b y a g r e e n a r r o w i n t h e u p p e r r i g h t c o r n e r . j u s t i f y - c o n t e n t p r o p e r t y f l e x - s t a r t f l e x - e n d c e n t e r s p a c e - b e t w e e n s p a c e - a r o u n d T h e j u s t i f y - c o n t e n t p r o p e r t y s p e c i f i e s h o w t h e b r o w s e r d i s t r i b u t e s s p a c e b e t w e e n a n d a r o u n d f l e x i t e m s a l o n g t h e m a i n a x i s o f t h e i r c o n t a i n e r . f l e x - s t a r t : P a c k f l e x i t e m s a t t h e s t a r t o f t h e m a i n a x i s ( a k i n t o l e f t j u s t i f i e d i f t h e f l e x - d i r e c t i o n w a s r o w ) f l e x - e n d : P a c k i t e m s a t t h e e n d o f t h e m a i n a x i s ( a k i n t o r i g h t j u s t i f i e d i f t h e f l e x - d i r e c t i o n w a s r o w ) c e n t e r : P a c k i t e m s a r o u n d t h e c e n t e r ( a k i n t o c e n t e r e d ) s p a c e - b e t w e e n : D i s t r i b u t e i t e m s e v e n l y w i t h t h e f i r s t i t e m a t t h e s t a r t a n d t h e l a s t a t t h e e n d s p a c e - a r o u n d : D i s t r i b u t e i t e m s e v e n l y w i t h e q u a l s p a c e a r o u n d e a c h i t e m a l i g n - i t e m s p r o p e r t y s t r e t c h f l e x - s t a r t f l e x - e n d c e n t e r b a s e l i n e S i m i l a r t o j u s t i f y - c o n t e n t b u t f o r t h e p e r p e n d i c u l a r c r o s s a x i s d i r e c t i o n . f l e x - s t a r t : A l i g n t o c r o s s a x i s s t a r t f l e x - e n d : A l i g n t o c r o s s a x i s e n d c e n t e r : C e n t e r f l e x i t e m s a l o n g t h e c r o s s a x i s b a s e l i n e : A l i g n t h e f l e x i t e m s ’ b a s e l i n e s s t r e t c h : S t r e t c h f l e x i t e m s t o f i t t h e i r c o n t a i n e r a l o n g t h e c r o s s a x i s a l i g n - c o n t e n t p r o p e r t y s t r e t c h f l e x - s t a r t f l e x - e n d c e n t e r s p a c e - b e t w e e n s p a c e - a r o u n d T h e a l i g n - c o n t e n t p r o p e r t y a l i g n s a f l e x c o n t a i n e r \ ' s l i n e s a l o n g t h e c r o s s a x i s w h e n t h e r e i s e x t r a s p a c e , s i m i l a r t o h o w j u s t i f y - c o n t e n t a l i g n s i n d i v i d u a l i t e m s w i t h i n t h e m a i n a x i s . T h i s p r o p e r t y h a s n o e f f e c t o n s i n g l e l i n e f l e x i b l e b o x e s . f l e x - s t a r t : P a c k l i n e s f r o m t h e c r o s s - a x i s s t a r t f l e x - e n d : P a c k l i n e s f r o m t h e c r o s s - a x i s e n d c e n t e r : P a c k l i n e s a r o u n d t h e c r o s s - a x i s c e n t e r s p a c e - b e t w e e n : D i s t r i b u t e l i n e s a l o n g t h e c r o s s - a x i s , s t a r t t o e n d s p a c e - a r o u n d : D i s t r i b u t e l i n e s a l o n g t h e c r o s s - a x i s , e q u a l l y s p a c e d s t r e t c h : S t r e t c h l i n e s t o o c c u p y t h e w h o l e c r o s s - a x i s F l e x I t e m P r o p e r t i e s T h e f o l l o w i n g p r o p e r t i e s a f f e c t f l e x b o x i t e m s . C l i c k a n i t e m i n t h e f l e x c o n t a i n e r t o m o d i f y i t . f l e x - g r o w p r o p e r t y T h e f l e x - g r o w p r o p e r t y s p e c i f i e s t h e \ " f l e x g r o w f a c t o r \ " o f a f l e x i t e m w h i c h d e t e r m i n e s h o w m u c h t h e f l e x i t e m w i l l g r o w r e l a t i v e t o t h e r e s t o f t h e f l e x i t e m s i n t h e f l e x c o n t a i n e r w h e n p o s i t i v e f r e e s p a c e i s d i s t r i b u t e d ( n e g a t i v e n u m b e r s a r e i n v a l i d ) . T h e i n i t i a l v a l u e i s 0 . f l e x - s h r i n k p r o p e r t y T h e f l e x - s h r i n k p r o p e r t y s p e c i f i e s t h e \ " f l e x s h r i n k f a c t o r \ " o f a f l e x i t e m w h i c h d e t e r m i n e s h o w m u c h t h e f l e x i t e m w i l l s h r i n k r e l a t i v e t o t h e r e s t o f t h e f l e x i t e m s i n t h e f l e x c o n t a i n e r w h e n n e g a t i v e f r e e s p a c e i s d i s t r i b u t e d ( n e g a t i v e n u m b e r s a r e i n v a l i d ) . N o t e : T h e f l e x s h r i n k f a c t o r i s m u l t i p l i e d b y t h e f l e x b a s e s i z e w h e n d i s t r i b u t i n g n e g a t i v e s p a c e . T h i s d i s t r i b u t e s n e g a t i v e s p a c e i n p r o p o r t i o n t o h o w m u c h t h e i t e m i s a b l e t o s h r i n k , s o t h a t e . g . a s m a l l i t e m w o n \ ' t s h r i n k t o z e r o b e f o r e a l a r g e r i t e m h a s b e e n n o t i c e a b l y r e d u c e d . T h e i n i t i a l v a l u e i s 1 f l e x - b a s i s p r o p e r t y T h e f l e x - b a s i s p r o p e r t y s p e c i f i e s t h e i n i t i a l m a i n s i z e o f a f l e x i t e m . D e f i n e d a s a n u m b e r f o l l o w e d b y a n a b s o l u t e u n i t s u c h a s p x , m m o r p t , o r a p e r c e n t a g e o f t h e p a r e n t f l e x c o n t a i n e r m a i n s i z e p r o p e r t y . N e g a t i v e v a l u e s a r e i n v a l i d . I t t a k e s t h e s a m e v a l u e s a s t h e w i d t h p r o p e r t y . T h e i n i t i a l v a l u e i s a u t o a l i g n - s e l f p r o p e r t y a u t o f l e x - s t a r t f l e x - e n d c e n t e r b a s e l i n e s t r e t c h A l i g n s f l e x i t e m s o f t h e c u r r e n t f l e x l i n e o v e r r i d i n g t h e f l e x c o n t a i n e r \ ' s a l i g n - i t e m s v a l u e . T h e i n i t i a l v a l u e i s a u t o . a u t o : C o m p u t e s t o p a r e n t \ ' s a l i g n - i t e m s v a l u e o r s t r e t c h i f t h e e l e m e n t h a s n o p a r e n t . f l e x - s t a r t : T h e c r o s s - s t a r t m a r g i n e d g e o f t h e f l e x i t e m i s f l u s h e d w i t h t h e c r o s s - s t a r t e d g e o f t h e l i n e . f l e x - e n d : T h e c r o s s - e n d m a r g i n e d g e o f t h e f l e x i t e m i s f l u s h e d w i t h t h e c r o s s - e n d e d g e o f t h e l i n e . c e n t e r : T h e f l e x i t e m \ ' s m a r g i n b o x i s c e n t e r e d w i t h i n t h e l i n e o n t h e c r o s s - a x i s . I f t h e c r o s s - s i z e o f t h e i t e m i s l a r g e r t h a n t h e f l e x c o n t a i n e r , i t w i l l o v e r f l o w e q u a l l y i n b o t h d i r e c t i o n s . b a s e l i n e : A l l f l e x i t e m s a r e a l i g n e d s u c h t h a t t h e i r b a s e l i n e s a l i g n . T h e i t e m w i t h t h e l a r g e s t d i s t a n c e b e t w e e n i t s c r o s s - s t a r t m a r g i n e d g e a n d i t s b a s e l i n e i s f l u s h e d w i t h t h e c r o s s - s t a r t e d g e o f t h e l i n e . s t r e t c h : F l e x i t e m s a r e s t r e t c h e d s u c h a s t h e c r o s s - s i z e o f t h e i t e m \ ' s m a r g i n b o x i s t h e s a m e a s t h e l i n e w h i l e r e s p e c t i n g w i d t h a n d h e i g h t c o n s t r a i n t s . o r d e r p r o p e r t y C o n t r o l s t h e o r d e r i n w h i c h c h i l d r e n o f a f l e x c o n t a i n e r a p p e a r i n s i d e t h e f l e x c o n t a i n e r . F l e x i t e m s a r e , b y d e f a u l t , d i s p l a y e d a n d l a i d o u t i n t h e s a m e o r d e r a s t h e y a p p e a r i n t h e s o u r c e d o c u m e n t . A f l e x c o n t a i n e r l a y s o u t i t s c o n t e n t i n o r d e r - m o d i f i e d d o c u m e n t o r d e r , s t a r t i n g f r o m t h e l o w e s t n u m b e r e d o r d i n a l g r o u p a n d g o i n g u p . I t e m s w i t h t h e s a m e o r d i n a l g r o u p a r e l a i d o u t i n t h e o r d e r t h e y a p p e a r i n t h e s o u r c e d o c u m e n t . T h e i n i t a l v a l u e i s 0 a n d n e g a t i v e v a l u e s a r e p e r m i t t e d . w i d t h : h e i g h t : C S S C o d e H T M L C o d e W h a t i s F l e x b o x ? F l e x b o x i s a w a y t o l a y o u t e l e m e n t s t o a c c o m m o d a t e d i f f e r e n t s c r e e n s i z e s . F l e x b o x d o e s n o t r e l y o n f l o a t s a n d m a r g i n s , a n d t h e f l e x c o n t a i n e r \ ' s m a r g i n s d o n \ ' t c o l l a p s e w i t h t h e m a r g i n s o f i t s c o n t e n t s . N o t e t h a t s o m e b r o w s e r s n e e d p r e f i x e s t o u s e t h e s e f e a t u r e s . T h e \ " f l e x \ " i n f l e x b o x c o m e s f r o m i t s a b i l i t y t o a l t e r i t s i t e m s \ ' w i d t h , h e i g h t a n d o r d e r t o b e s t f i l l t h e a v a i l a b l e s p a c e . F l e x i b l e i t e m s e x p a n d a n d s h r i n k t o f i l l t h e a v a i l a b l e s p a c e . F l e x b o x c o n t e n t b e g i n s w i t h a c o n t a i n e r w h o s e d i s p l a y p r o p e r t y i s s e t t o f l e x o r i n l i n e - f l e x . A n y e l e m e n t s w i t h i n t h a t c o n t a i n e r a r e n o w a u t o m a t i c a l l y f l e x - i t e m s . E v e r y f l e x i b l e b o x l a y o u t f o l l o w s t w o a x e s . T h e m a i n a x i s i s t h e a x i s a l o n g w h i c h t h e f l e x i t e m s f o l l o w e a c h o t h e r . T h e c r o s s a x i s i s t h e a x i s p e r p e n d i c u l a r t o t h e m a i n a x i s . F o r e x a m p l e , i f w e h a v e t h e f l e x - d i r e c t i o n s e t t o r o w , t h e m a i n a x i s i s h o r i z o n t a l ( l e f t t o r i g h t u n l e s s t h e d i r e c t i o n i s s e t r t l ) a n d t h e c r o s s d i r e c t i o n i s v e r t i c a l ( t o p t o b o t t o m ) W h a t i s n \ ' t F l e x b o x ? T h e a n s w e r t o e v e r y l a y o u t p r o b l e m . L i k e a n y t o o l , f l e x b o x h a s i t s p l a c e i n y o u r t o o l b o x , b u t i t \ ' s n o t m e a n t t o b e a c u r e - a l l f o r e v e r y l a y o u t i s s u e . P r o p e r t i e s U s e d T h e d i s p l a y p r o p e r t y d e f i n e s h o w a p a r t i c u l a r H T M L e l e m e n t s h o u l d b e d i s p l a y e d . T h e f l e x - d i r e c t i o n p r o p e r t y i n d i c a t e s t h e d i r e c t i o n i n w h i c h t h e f l e x e l e m e n t s a r e l o c a t e d i n s i d e t h e c o n t a i n e r . T h e f l e x - w r a p p r o p e r t y d e t e r m i n e s w h e t h e r t h e f l e x c o n t a i n e r w i l l b e s i n g l e - l i n e o r m u l t i - l i n e . I f m u l t i - l i n e i s e n a b l e d i n t h e c o n t a i n e r , t h i s p r o p e r t y a l s o a l l o w s y o u t o c o n t r o l t h e d i r e c t i o n i n w h i c h t h e f l e x e l e m e n t s a r e p l a c e d . T h e j u s t i f y - c o n t e n t p r o p e r t y d e t e r m i n e s h o w t h e b r o w s e r d i s t r i b u t e s t h e s p a c e b e t w e e n a n d a r o u n d t h e f l e x e l e m e n t s a l o n g t h e m a i n a x i s o f t h e c o n t a i n e r ( h o r i z o n t a l l y ) , o r a l i g n s t h e e n t i r e g r i d l a y o u t a l o n g t h e a x i s o f t h e g r i d c o n t a i n e r r o w . T h e a l i g n - i t e m s p r o p e r t y a l i g n s a l l t h e e l e m e n t s i n s i d e t h e f l e x c o n t a i n e r a l o n g t h e t r a n s v e r s e a x i s , o r a l i g n s a l l e l e m e n t s o f t h e g r i d l a y o u t a l o n g t h e a x i s o f t h e c o l u m n . T h e a l i g n - c o n t e n t p r o p e r t y d e t e r m i n e s h o w t h e b r o w s e r d i s t r i b u t e s t h e s p a c e b e t w e e n a n d a r o u n d t h e f l e x e l e m e n t s a l o n g t h e t r a n s v e r s e a x i s o f t h e c o n t a i n e r ( v e r t i c a l l y ) , o r a l i g n s t h e e n t i r e g r i d l a y o u t a l o n g t h e a x i s o f t h e g r i d c o n t a i n e r c o l u m n . T h e f l e x - g r o w p r o p e r t y i n d i c a t e s h o w m u c h a n e l e m e n t c a n i n c r e a s e i n r e l a t i o n t o o t h e r f l e x e l e m e n t s i n o n e c o n t a i n e r . T h e f l e x - s h r i n k p r o p e r t y d e t e r m i n e s h o w t h e e l e m e n t w i l l b e c o m p r e s s e d r e l a t i v e t o o t h e r f l e x e l e m e n t s i n t h e c o n t a i n e r ( w i t h a l a c k o f f r e e s p a c e ) . T h e f l e x - b a s i s p r o p e r t y d e f i n e s t h e d e f a u l t s i z e f o r t h e f l e x e l e m e n t b e f o r e a l l o c a t i n g s p a c e i n t h e c o n t a i n e r . T h e a l i g n - s e l f p r o p e r t y s p e c i f i e s t h e a l i g n m e n t o f i n d i v i d u a l r o w e l e m e n t s i n s i d e a f l e x c o n t a i n e r , o r a l i g n s a g r i d l a y o u t e l e m e n t i n s i d e a c e l l a l o n g t h e c o l u m n a x i s o f a g r i d c o n t a i n e r . T h e o r d e r p r o p e r t y s e t s t h e o r d e r o f t h e f l e x e l e m e n t i n t h e c o n t a i n e r r e l a t i v e t o t h e r e s t . W i t h t h a n k s t o c a t c h m y f a m e f o r t h e c o d e . S h a r e t h i s P a g e I f y o u h a v e e n j o y e d u s i n g t h i s t o o l , p l e a s e c o n s i d e r s h a r i n g t h i s p a g e w i t h o t h e r u s e r s , j u s t c l i c k o n y o u r p r e f e r r e d s o c i a l m e d i a l i n k o r c o p y t h e w e b p a g e f r o m t h e l i n k b e l o w . U R L S p o n s o r s T u r n W e b s i t e i n t o A p p - C o n v e r t y o u r w e b s i t e i n t o a n a p p f o r A n d r o i d a n d i O S . U p d a t e s a u t o m a t i c a l l y . U n i c o d e C h a r a c t e r s & E m o j i s - S e a r c h a l l U n i c o d e c h a r a c t e r s a n d e m o j i s p l u s o t h e r t o o l s . L e a r n W o r d p r e s s - W o r d p r e s s h o s t i n g . T h e m e a n d p l u g i n r e v i e w s . W o r d p r e s s d e v e l o p m e n t t i p s . T e m p l a t i c - W o r d p r e s s T h e m e s , C l o u d H o s t i n g , B a c k u p s a n d W e b m a s t e r T i p s . A 2 W e b H o s t i n g - S h a r e d h o s t i n g , R e s e l l e r h o s t i n g , C l o u d h o s t i n g , D e d i c a t e d h o s t i n g . O n l i n e P a s s w o r d M a n a g e r - A c c e s s y o u r p a s s w o r d s f r o m a n y c o m p u t e r , n o n e e d t o r e m e m b e r a l l o f y o u r p a s s w o r d s . A d v e r t i s e H e r e - A d v e r t i s e y o u r c o m p a n y a n d p r o d u c t s h e r e ! C o p y r i g h t © 2 0 2 3 - C S S P o r t a l . c o m A l l r i g h t s r e s e r v e d . P r i v a c y P o l i c y | C o n t a c t U s | D o n a t i o n s F a v o r i t e s Y o u r f a v o r i t e s a r e s t o r e d i n y o u r b r o w s e r s c a c h e . I f y o u c l e a r y o u r b r o w s i n g d a t a , y o u r f a v o r i t e s w i l l b e d e l e t e d a l s o .

做上本站友情链接,在您站上点击一次,即可自动秒收录并自动排在本站第一位！
<a href="https://www.badfl.com/" target="_blank">自动秒收录</a>