CSS فلیکس وروپ پراپریٹی

ਪਰਿਭਾਸ਼ਾ ਅਤੇ ਵਰਤੋਂ

flex-wrap ਗੁਣ ਫਲੈਕਸਬਾਕਸ ਪਾਸੇ ਵਿੱਚ ਹੋਣ ਜਾਂ ਨਹੀਂ ਹੋਣ ਦੇ ਨਿਰਧਾਰਣ ਕਰਦਾ ਹੈ。

ਟਿੱਪਣੀ:ਜੇਕਰ ਇਲੈਕਟਰੋਨ ਫਲੈਕਸਬਾਕਸ ਨਹੀਂ ਹੈ ਤਾਂ flex ਗੁਣ ਬੇਕਾਰ ਹੈ。

ਹੋਰ ਦੇਖੋ:

CSS ਸਿੱਖਿਆ CSS ਫਲੈਕਸਬਾਕਸ

CSS ਜਾਣਕਾਰੀ ਮੁੱਲਕਾਤflex ਗੁਣ

CSS ਜਾਣਕਾਰੀ ਮੁੱਲਕਾਤflex-basis ਗੁਣ

CSS ਜਾਣਕਾਰੀ ਮੁੱਲਕਾਤflex-direction ਗੁਣ

CSS ਜਾਣਕਾਰੀ ਮੁੱਲਕਾਤflex-flow ਗੁਣ

CSS ਜਾਣਕਾਰੀ ਮੁੱਲਕਾਤflex-grow ਗੁਣ

CSS ਜਾਣਕਾਰੀ ਮੁੱਲਕਾਤflex-shrink ਗੁਣ

HTML DOM ਜਾਣਕਾਰੀ ਮੁੱਲਕਾਤflexWrap ਗੁਣ

ਉਦਾਹਰਣ

ਫਲੈਕਸਬਾਕਸ ਪਾਸੇ ਵਿੱਚ ਹੁੰਦੇ ਹਨ ਜਦੋਂ ਜ਼ਰੂਰਤ ਹੁੰਦੀ ਹੈ:

div {
  display: flex;   
  flex-wrap: wrap;
}

ਆਪਣੇ ਅਨੁਭਵ ਕਰੋ

CSS ਗਰੰਥਕਾਰਿਕ ਕੇਸ

flex-wrap: nowrap|wrap|wrap-reverse|initial|inherit;

ਗੁਣ ਮੁੱਲ

ਮੁੱਲ ਵਰਣਨ
nowrap ਮੂਲ ਮੁੱਲ। ਫਲੈਕਸਬਾਕਸ ਪਾਸੇ ਵਿੱਚ ਨਹੀਂ ਹੁੰਦੇ ਹਨ。
wrap ਇਸ ਗੁਣ ਨੇ ਫਲੈਕਸਬਾਕਸ ਅਜਿਹੇ ਹੀ ਕੰਮ ਕਰਦੇ ਹਨ ਜਦੋਂ ਜ਼ਰੂਰਤ ਹੁੰਦੀ ਹੈ ਅਤੇ ਉਸ ਦੇ ਪਾਸੇ ਵਿੱਚ ਹੁੰਦੇ ਹਨ。
wrap-reverse ਇਸ ਗੁਣ ਨੇ ਫਲੈਕਸਬਾਕਸ ਅਂਡਰ ਅਜਿਹੇ ਹੀ ਕੰਮ ਕਰਦੇ ਹਨ ਜਦੋਂ ਜ਼ਰੂਰਤ ਹੁੰਦੀ ਹੈ ਅਤੇ ਉਸ ਦੇ ਉਲਟ ਦਿਸ਼ਾ ਵਿੱਚ ਪਾਸੇ ਵਿੱਚ ਹੁੰਦੇ ਹਨ。
initial ਇਸ ਗੁਣ ਨੂੰ ਉਸ ਦੇ ਮੂਲ ਮੁੱਲ ਨੂੰ ਸੈਟ ਕਰੋ। ਦੇਖੋ: initial.
inherit ਇਸ ਗੁਣ ਨੂੰ ਉਸ ਦੇ ਮਾਪੇ ਤੋਂ ਵਿਰਾਸਤ ਕਰੋ। ਦੇਖੋ: inherit.

ਤਕਨੀਕੀ ਵੇਰਵੇ

ਮੂਲ ਮੁੱਲ: nowrap
ਵਿਰਾਸਤੀ: ਨਹੀਂ
ਐਨੀਮੇਸ਼ਨ ਬਣਾਉਣਾ: ਸਮਰਥਨ ਨਹੀਂ ਹੈ। ਦੇਖੋ:ਐਨੀਮੇਸ਼ਨ ਸਬੰਧੀ ਗੁਣ.
ਸੰਸਕਰਣ: CSS3
JavaScript ਗਰੰਥਕਾਰਿਕ ਕੇਸ object.style.flexWrap="nowrap"

ਬਰਾਜ਼ਰ ਸਮਰਥਨ

ਸਾਰੇ ਸਫ਼ਟਵੇਅਰ ਦੇ ਨਾਮ ਇਸ ਸਬੰਧ ਵਿੱਚ ਦਿੱਤੇ ਹਨ ਜੋ ਇਸ ਗੁਣ ਨੂੰ ਪੂਰੀ ਤਰ੍ਹਾਂ ਸਮਰਥਨ ਕਰਦੇ ਹਨ。

ਸਿਫ਼ਰ -webkit- ਜਾਂ -moz- ਦੇ ਨਾਲ ਸਿਫ਼ਰ ਪਹਿਲੀ ਸੰਸਕਰਣ ਦੇ ਪ੍ਰਿਫਿਕਸ ਦੀ ਵਰਤੋਂ ਕਰਦੇ ਹਨ。

ਚਰਮੀ IE / ਐਜ਼ ਫਾਇਰਫਾਕਸ ਸਫਾਰੀ ਓਪੇਰਾ
29.0
21.0 -webkit-		 11.0 28.0
18.0 -moz-		 9.0
6.1 -webkit-		 17.0