테스트 사이트 - 개발 중인 베타 버전입니다
SIR
목록으로
이전글 다음글

HTML 초보적인 질문좀 드릴게요 ㅠㅠ 채택완료

블루블랙 8년 전 조회 2,895
답변 3
목록

http://kinimage.naver.net/20170618_211/1497748173358fFcrM_PNG/before.png?type=w620" alt="첨부 이미지" style="margin: 0px; padding: 0px; border: 0px; color: rgb(64, 64, 64); font-family: sans-serif; font-size: 13px; cursor: pointer;"> 

머가 잘못된건지 모르겠어요 ㅠㅠ 도와주세요
윗 그림은 
로 접속하시면 나오는 화면입니다.
그런데 제가 원하는건 아래 그림처럼 
A,B,C,D 가 중앙에 배치되는거에요
AB
CD
이렇게 중앙배치요 
초보자라 이것저것 배운데로 해보았으나 잘못하면
아래 푸터 부분이 위로 올라가버리거나 중앙부분이 안보이거나
겹치거나 막 이상하게 되버리네요 손을 못대겠어요 ㅠㅠ
소스보기 누르시면 index파일에 HTML부터 style 까지 통으로 보이실거에요
수정해야할 부분을 말로만 해주시면 제가 어려우니까요
그냥 소스보기해서 소스보신후에 어느 부분을 어떻게 고치고
어느부분을 삭제해야하고 이런식으로 자세히좀 알려주세요
부탁드립니다.

http://kinimage.naver.net/20170618_298/14977481736168xaos_PNG/after.png?type=w620" alt="첨부 이미지" style="margin: 0px; padding: 0px; border: 0px; color: rgb(64, 64, 64); font-family: sans-serif; font-size: 13px; cursor: pointer;"> 

#html #css
댓글을 작성하려면 로그인이 필요합니다.

답변 3개

채택된 답변
+20 포인트
애

이렇게도 가능합니다.

 

float 로 하는방법 relative (상위 div 의 position 에 영향받습니다.)

1

2

3

4

 

절대값으로 하는방법 absolute (div 에 영향받지 않으며 항상 같은 위치에 보여집니다)

 

1

2

 

 

 

 

로그인 후 평가할 수 있습니다

댓글을 작성하려면 로그인이 필요합니다.

열

근데,, 그래두 구찬은데 ㅜ,ㅜ,

머 그리 해도...

머그런거죠 .,.,.

근데요 질문자님도 무지 구찬은거죠?

로그인 후 평가할 수 있습니다

댓글을 작성하려면 로그인이 필요합니다.

웹

아래 부분처럼 수정이 되어야 합니다.

머가 달라졌는지 비교해보시고 테스트 해보세요.

 

 

#contents {

text-align:center; /* 컨텐츠 요소 중앙정렬 */

width:100%;

background-color:#171717; 

margin:0 auto;

clear:both;

}

#contents ul.inner { /* 그 안에 display:block 으로 요소 한칸씩 출력 */

margin:0 auto;

display:block;

}

#contents ul.inner li { /* 그 안에 이미지 두개 요소는 나란히 출력 */

width:300px;

height:300px;

display:inline-block;

}

 

빨간 부분이 추가된 부분 입니다.

로그인 후 평가할 수 있습니다

댓글을 작성하려면 로그인이 필요합니다.

답변을 작성하려면 로그인이 필요합니다.

로그인