ਚਿੱਤਰ ਕਿਵੇਂ ਮੱਧ ਵਿੱਚ ਰੱਖਣਾ ਹੈ

CSS ਦੀ ਮਦਦ ਨਾਲ ਚਿੱਤਰ ਮੱਧ ਵਿੱਚ ਰੱਖਣ ਕਿਵੇਂ ਸਿੱਖਣਾ ਹੈ。

ਚਿੱਤਰ ਮੱਧ ਵਿੱਚ ਰੱਖਣਾ

Tulip

ਚਿੱਤਰ ਕਿਵੇਂ ਮੱਧ ਵਿੱਚ ਰੱਖਣਾ ਹੈ

ਕਦਮ 1 - ਐਚਟੀਐਮਐਲ ਜੋੜੋ:

<img src="paris.jpg" alt="Paris" class="center">

ਕਦਮ 2 - ਸਕਰੀਨ ਕ੍ਰਿਪਸ਼ਨ ਜੋੜੋ:

ਚਿੱਤਰ ਮੱਧ ਵਿੱਚ ਰੱਖਣ ਲਈ, ਕੱਲ੍ਹ ਬਾਹਰੀ ਮਾਰਜਿਨ ਸੈਟ ਕਰੋ autoਅਤੇ ਇਸ ਨੂੰ ਬਲਕ ਐਲੀਮੈਂਟ ਵਜੋਂ ਸੈਟ ਕਰੋ:

.center {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 50%;
}

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

ਕਿਰਪਾ ਕਰਕੇ, ਜੇਕਰ ਚੌਦਰਾ ਸੈਟ ਕੀਤਾ ਗਿਆ ਹੈ 100%（全角），则无法居中。

相关页面

教程：CSS 图像