원형 이미지를 홈 페이지 중앙에 설정하고 단일 버튼을 오버레이합니다. 페이지에는 다른 콘텐츠가 없으며 이미지와 버튼 만 있습니다. 아시다시피, 우리는 코딩을 처음 접했습니다! Dreamweaver에서 CSS와 HTML을 사용하고 있습니다.
좋습니다. 내부에 img가있는 div 요소가 몇 개 있다고 가정 해 보겠습니다.
<div class="parent"><div class="img-container"><img src="http://placekitten.com/230/230" alt="kitten"></div></div>
다음과 같이 CSS를 설정할 수 있습니다.
.parent {
display: table;
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
bottom: 0;
right: 0;
}
.img-container {
height: 500px;
display: table-cell;
text-align: center;
vertical-align: middle;
}
데모는 http://jsfiddle.net/NL2ZA/ 를 참조하십시오 . 분명히 당신은 당신의 프로젝트에서 더 의미있는 것을 말하도록 클래스 이름을 편집하고 싶을 것입니다.
이 기사는 인터넷에서 수집됩니다. 재 인쇄 할 때 출처를 알려주십시오.
침해가 발생한 경우 연락 주시기 바랍니다[email protected] 삭제
몇 마디 만하겠습니다