చిత్రాన్ని మధ్యన ఉంచడం ఎలా

CSS ద్వారా చిత్రాన్ని మధ్యన ఉంచడం నేర్చుకోండి

చిత్రాన్ని మధ్యన ఉంచండి

Tulip

చిత్రాన్ని మధ్యన ఉంచడం ఎలా

ఒకటో చర్య - HTML జోడించండి

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

రెండవ చర్య - CSS జోడించండి

చిత్రాన్ని మధ్యన ఉంచడానికి, ప్రక్కన పొరపాట్లను సెట్ చేయండి autoదానిని బ్లాక్ ఎలమెంట్ గా సెట్ చేయండి:

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

స్వయంగా ప్రయత్నించండి

దయచేసి, వెడల్పు సెట్ చేసినప్పుడు గమనించండి 100%（全角），则无法居中。

相关页面

教程：CSS 图像