it-swarm-ko.com

웹 사이트에서 이미지를 중앙에 배치하는 가장 좋은 방법은 무엇입니까?

새 프로젝트에서 작업 할 때마다 "text-align : center"를 사용하여 텍스트를 가운데에 맞추는 데 아무런 문제가 없지만 이미지를 가운데에 맞추는 비슷한 코드를 본 적이 없으므로 항상 코드를 해킹했습니다. HTML에서 이미지를 중앙에 배치하거나 (가장 깨끗한 옵션은 아님) 이미지에 가변 너비를 지정하여 (여러 해상도에서 작동하지 않음). 내가 시도하지 않은 이것을 달성 할 수있는 방법이 있습니까? 그리고 CSS3에서 이와 같은 것이 구현되는지 아는 사람이 있습니까?

2
rgaspary

포함 요소 스타일을

text-align:center;

이미지 스타일을

display:inline-block;
margin:auto;
8
Sruly

Sruly의 대답은 머리에 못을 박았습니다. 추가를 고려할 유일한 이미지 태그의 경우 다음과 같이 vertical-align: middle;입니다.

display:inline-block;
margin:auto;
vertical-align: middle;
2
Sk93