Style alignItems 属性
- ਪਿੰਡ ਪੰਨਾ alignContent
- ਅਗਲਾ ਪੰਨਾ alignSelf
- ਉੱਪਰੰਗਾਧ ਵਾਪਸ ਜਾਓ ایچ تی ایم ال ڈوم اسٹائل آوبجیکٹ
实例
将弹性
元素的所有项目的对齐定位在容器的开头:
document.getElementById("main").style.alignItems = "flex-start";
ਗਿਆਨ ਕਰਨ ਦੀ ਵਿਧੀ
alignItems ਪ੍ਰਤੀਯੋਗੀ ਵਾਪਸੀ ਕਰੋ:
object.style.alignItems
alignItems ਪ੍ਰਤੀਯੋਗੀ ਸੈਟ ਕਰੋ:
object.style.alignItems = "stretch|center|flex-start|flex-end|baseline|initial|inherit"
ਪ੍ਰਤੀਯੋਗੀ ਮੁੱਲ
ਮੁੱਲ | ਵਰਣਨ |
---|---|
stretch | ਮੂਲ ਮੁੱਲ। ਪ੍ਰਤੀਯੋਗੀ ਇਲਾਕੇ ਨੂੰ ਫੈਕਸ ਕਰਨ ਲਈ ਫੈਕਸ ਕੀਤਾ ਗਿਆ ਹੈ。 |
center | ਪ੍ਰਤੀਯੋਗੀ ਇਲਾਕੇ ਦੇ ਮੱਧ ਵਿੱਚ ਹੈ。 |
flex-start | ਪ੍ਰਤੀਯੋਗੀ ਇਲਾਕੇ ਦੇ ਸ਼ੁਰੂ ਵਿੱਚ ਹੈ。 |
flex-end | ਪ੍ਰਤੀਯੋਗੀ ਇਲਾਕੇ ਦੇ ਅੰਤ ਵਿੱਚ ਹੈ。 |
baseline | ਪ੍ਰਤੀਯੋਗੀ ਬੇਸਾਈਨ ਨੂੰ ਸਥਾਨਿਤ ਕੀਤਾ ਗਿਆ ਹੈ。 |
initial | ਇਹ ਪ੍ਰਤੀਯੋਗੀ ਮੂਲ ਮੁੱਲ ਨੂੰ ਸੈਟ ਕਰੋ। ਦੇਖੋ initial。 |
inherit | ਇਹ ਪ੍ਰਤੀਯੋਗੀ ਪ੍ਰਤੀ ਆਪਣੇ ਮਾਤਾ ਇਲਾਕੇ ਤੋਂ ਇਸ ਪ੍ਰਤੀਯੋਗੀ ਲੈ ਲਵੇ। ਦੇਖੋ inherit。 |
ਤਕਨੀਕੀ ਵੇਰਵੇ
ਮੂਲ ਮੁੱਲ: | stretch |
---|---|
ਵਾਪਸੀ ਮੁੱਲ: | ਸਟਰਿੰਗ ਜੋ ਕਿ ਇਲਾਕੇ ਦੇ align-items ਪ੍ਰਤੀਯੋਗੀ。 |
CSS ਵਰਜਨ: | CSS3 |
ਬਰਾਉਜ਼ਰ ਸਮਰਥਨ
alignItems
ਇਹ ਕ੍ਰਿਮਸ ਕੇ (1999) ਵਿਸ਼ੇਸ਼ਤਾ ਹੈ।
ਸਾਰੇ ਬਰਾਉਜ਼ਰ ਇਸ ਨੂੰ ਪੂਰੀ ਤਰ੍ਹਾਂ ਸਮਰਥਨ ਕਰਦੇ ਹਨ:
ਚਰਮੋਗਰੇਨ | ਐਂਜਲ | ਫਾਇਰਫਾਕਸ | ਸੈਫਾਰੀ | ਓਪਰਾ | IE |
---|---|---|---|---|---|
ਚਰਮੋਗਰੇਨ | ਐਂਜਲ | ਫਾਇਰਫਾਕਸ | ਸੈਫਾਰੀ | ਓਪਰਾ | IE |
ਸਮਰਥਨ | ਸਮਰਥਨ | ਸਮਰਥਨ | ਸਮਰਥਨ | ਸਮਰਥਨ | 11 |
ਸਬੰਧਤ ਪੰਨੇ
CSS ਪੁਸਤਕਾਲਾਂ:align-items ਪ੍ਰਤੀਯੋਗੀ
HTML DOM STYLE ਸੰਦਰਭ ਦਸਤਾਵੇਜ਼ਾਂ:alignContent ਵਿਸ਼ੇਸ਼ਤਾ
HTML DOM STYLE ਸੰਦਰਭ ਦਸਤਾਵੇਜ਼ਾਂ:alignSelf ਵਿਸ਼ੇਸ਼ਤਾ
- ਪਿੰਡ ਪੰਨਾ alignContent
- ਅਗਲਾ ਪੰਨਾ alignSelf
- ਉੱਪਰੰਗਾਧ ਵਾਪਸ ਜਾਓ ایچ تی ایم ال ڈوم اسٹائل آوبجیکٹ