Paano mapunta ang larawan sa gitna

Matututunan kung paano gamitin ang CSS upang mapunta ang larawan sa gitna.

Mapunta ang larawan sa gitna:

Tulip

Paano mapunta ang larawan sa gitna

Unang hakbang - Magdagdag ng HTML:

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

Ikalawa na hakbang - Magdagdag ng CSS:

Para mapunta ang larawan sa gitna, i-set ang bawat gilid na outer margin sa auto,并将其设置为块元素:

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

Subukan nang personal

Paging hinihiling, kung ang lapad ay na-set sa 100%(全角),则无法居中。

相关页面

教程:CSS 图像