CSS 레이아웃 - 이미지 센터하기

이미지 센터하기

이미지를 가운데에 배치하려면 다음을 사용 margin: auto;하여 블록 요소 로 만듭니다 .

img {

    display: block;

    margin: auto;

    width: 40%;

}

<!DOCTYPE html>

<html>

<head>

<style>

img {

    display: block;

    margin: 0 auto;

}

</style>

</head>

<body>

<h2>Center an Image</h2>

<p>To center an image, use margin: auto; and make it into a block element:</p>

<img src="paris.jpg" alt="Paris" style="width:40%">

</body>

</html>