updated_at: 2024-12-16 03:52

CSS로 이미지 중앙 정렬 시키기

예제 1

css

div.thumb {
	background: #eee;
	width: 100px;
	height: 100px;
	line-height: 100px;
	text-align: center;
}
div.thumb:after {
	content: " ";
	margin-left: -0.6em;
	white-space: pre;
}
div.thumb img {
	vertical-align: middle;
  width: 50px;
  height: 50px;
}

html

<div class="thumb">
  <img src="https://cdn.jsdelivr.net/gh/wangta69/storage1/assets/images/sample2.jpg">
</div>

See the Pen css 이미지 중앙정렬 by younghyeong ryu (@wangta69) on CodePen.

평점을 남겨주세요
평점 : 2.5
총 투표수 : 1

질문 및 답글