2012-09-19 2 views
2

이것이 n00b 질문의 비트라면 유감 스럽지만 내 인생에서 나는이 라이트 박스 갤러리를 내 "콘텐츠"div의 중앙에 배치 할 수 없습니다. 내가 부끄럽다div 내에서 이미지 갤러리를 정렬하려면 어떻게해야합니까?

http://www.justthisdesign.co.uk/bathroom-gallery.html

그런 바보 같은 질문을 수 있지만, 솔직히 나는 모든 것을 시도했다. 각 행의 마지막 이미지에 .last 클래스를 지정하고 패딩 오른쪽 및 여백 오른쪽으로 재생했지만 효과가없는 것으로 보입니다.

+1

부끄러워하지 마세요. 모두 어딘가에서 시작됩니다. –

답변

1

사용 <div id="content" class="clearfix thumbs" style="text-align: center;">

사용 여백 네! 바로 우측보다 양쪽에있는 갤러리에서 갤러리의 모든 들어. 당신은 콘텐츠 사업부의 수평 패딩을 제거 할 수 있고의 폭에 패딩 영역을 조정 div. 대신 패딩 시도 사용 마진의

+0

의견을 말함으로써 질문하십시오. –

+0

죄송하지만 질문에 대해서는 언급 할 수 없습니다. 여전히 권한이 없습니다. –

+1

이 질문에 대한 답을 제공하지 않습니다. 비평하거나 저자의 설명을 요청하려면 게시물 아래에 의견을 남기십시오. 자신의 게시물에 언제나 댓글을 달 수 있으며, 충분한 평판을 받으면 (http://stackoverflow.com/faq#reputation) [모든 게시물에 댓글 달기] (http://stackoverflow.com/privileges/comment). – bmargulies

1

text-align: center;contentdiv.

0
#content { 
    padding: 15px 30px; 
    background-color: #F8F8F8; 
} 

: 위치를 제어 할 수있는 폭이 약

#content { 
    margin: auto; 
    width: 900px; 
    background-color: #F8F8F8; 
} 

그리고 혼란. 도움이되기를 바랍니다.

1

귀하의 콘텐츠 div에 text-align : center; 각 행의 마지막 이미지에 여백 - 오른쪽을 0으로 지정하십시오. 그렇지 않으면 오른쪽에 여유 공간이 생깁니다.

+0

감사합니다. 위대한 팁! –

관련 문제