سی ایس ایس نمائش - چوڑائی اور ماکس چوڑائی

width, max-width ਅਤੇ margin: auto;

ਪਿਛਲੇ ਚਾਪ ਵਿੱਚ ਦੱਸਿਆ ਗਿਆ ਹੈ, ਬਲਕ ਇਲੈਕਟ੍ਰੋਨ ਹਮੇਸ਼ਾ ਉਪਲੱਬਧ ਸਮੁੱਚੀ ਵਿਸ਼ਾਲਤਾ ਵਿੱਚ ਰਹਿੰਦੇ ਹਨ (ਹੋਰ ਤੋਂ ਖੱਬੇ ਅਤੇ ਸੱਜੇ ਵੱਲ ਫੈਲਣ ਦੀ ਕੋਸ਼ਿਸ਼ ਕਰਦੇ ਹਨ)。

ਬਲਕ ਇਲੈਕਟ੍ਰੋਨ ਦੀ width ਇਹ ਇਸਨੂੰ ਆਪਣੇ ਕੰਟੇਨਰ ਦੇ ਕਿਨਾਰਿਆਂ ਤੱਕ ਫੈਲਣ ਤੋਂ ਰੋਕੇਗਾ। ਤਦ, ਤੁਸੀਂ ਬਾਹਰੀ ਘੱਟੇ auto ਸੈਟ ਕਰ ਸਕਦੇ ਹੋ ਕਿਉਂਕਿ ਇਲੈਕਟ੍ਰੋਨ ਆਪਣੇ ਕੰਟੇਨਰ ਵਿੱਚ ਹੰਗਮੈਨ ਸਮਾਨਤਾ ਨਾਲ ਹੰਗਮੈਨ ਕਰੇ। ਇਲੈਕਟ੍ਰੋਨ ਨਿਰਧਾਰਿਤ ਵਿਸ਼ਾਲਤਾ ਵਿੱਚ ਰਹੇਗਾ, ਬਾਕੀ ਜਗ੍ਹਾ ਦੋ ਬਾਹਰੀ ਘੱਟੇ ਦਰਮਿਆਨ ਸਮਾਨ ਤੌਰ 'ਤੇ ਵੰਡੀ ਜਾਵੇਗੀ:

ਇਸ <div> ਵਿਸ਼ਾਲਤਾ 500px ਹੈ, ਬਾਹਰੀ ਘੱਟੇ ਸੈਟ ਕੀਤਾ ਗਿਆ ਹੈ auto。

ਧਿਆਨ:ਜਦੋਂ ਬਰਾਊਜ਼ਰ ਵਿੰਡੋ ਤੱਕੀਆਂ ਵਿਸ਼ਾਲਤਾ ਤੋਂ ਘੱਟ ਹੋਵੇ ਤਾਂ ਇਸ <div> خطرہ پیدا کر سکتا ہے۔ براوزر پیج پر افقی سکرول بار کو شامل کر سکتا ہے۔

اس صورت میں، اس کا استعمال مکس ویڈت اینڈروئیڈ کو چوتھا مارگن میں بہتر پوری کر سکتا ہے۔ تاکہ ویب سائٹ کو چھوٹی آلات پر قابل استعمال بنایا جاسکے، یہ بات بہت اہم ہے:

یہ <دیوی> علامت کا مکس ویڈت 500 پیکسل ہے، اور مارگن اوٹو سیٹ کیا گیا ہے。

توجیہ:لجستور بروسر کا وائنڈوی کو کم از کم 500 پیکسل تک کم کر کا تلاش کریں، تاکہ دو دیوی کے درمیان کی فرق دیکھ سکیں!

یہ بالا دو دیوی کا مثال ہے:

مثال

دیوی ڈیبلیو ایکس1 {
  ویڈت: 500 پیکسل;
  مارگن: اوٹو;
  بوردر: 3 پیکس سولڈ #73AD21;
}
دیوی ڈیبلیو ایکس2 {
  مکس ویڈت: 500 پیکسل;
  مارگن: اوٹو;
  بوردر: 3 پیکس سولڈ #73AD21;
}

خود کا تجربہ کریں