CSS div에 포함 된 클래스

Div ID 및 클래스의 내 논리를 해제해야합니다. .CSS div에 포함 된 클래스

Heres는 뭐죠 진행 : 당신은 PS를 말하는 블록 컨테이너 내부에 어떤 (슬라이더로 중심을 일치하지 않습니다 볼 수 있듯이

을

enter image description here

여기 내 CSS입니다 :

/*Front Page Buttons */ 

#frontpage-Button-Cont { 

    height: 350px; 

} 

.button-cont { 
    width: 175px; 
    float: left; 
    margin-left: 10px; 
    margin-top: 10px; 
    height: 250px; 
} 

.thumbnail { 
    color: #fff; 
    font-size: 5em; 
    background: #1f4e9b; 
    width: 175px; 
    height: 135px; 
    text-align: center; 

} 
.pheader { 
    color: #DC143C; 
    min-width: 175px; 
    text-align: center; 


} 
.paragraph { 
    text-align: center; 
} 

#Align-content { 
    margin: 0 auto; 
}

그리고 여기는 HTML입니다

제 이론은 수업을 잘못 사용하고 있다는 것입니다.

감사합니다.

출처

2013-10-31 Bradly Spicer

그래서 당신의 중심에있는 모든 버튼을 정렬하려는이 데모를 작동 할 수 있습니다 CSS에이를 추가 할 수 있습니다 그 페이지? –

text-align : center를 # Align-content에 적용 해보세요. –

제 생각에는 적절한 요소를 목표로해야하지만 모든 div에 클래스를 사용합니다. 다음은 간단한 예를 든 바이올린입니다. http://jsfiddle.net/7u32f/2/ –

이와

#frontpage-Button-Cont { 
    width:100%; 
} 

#Align-content { 
    display:table; 
}

이 margin:o auto

보기 http://jsfiddle.net/VGPeW/

출처

2013-10-31 15:32:19 DaniP

많이 감사합니다 –

당신이 아주 잘 사용하고 계신 것을 환영합니다. – DaniP

포함 된 div (이 경우 frontpage-Button-Cont)가 위의 슬라이더와 동일한 너비인지 확인해야합니다. 그런 다음 컨테이너에 text-align:center 속성을 추가하십시오. 은으로 해결해야합니다.

출처

2013-10-31 15:31:24

슬프게도,이 옵션은 나를 위해 작동하지 않았다. 노력에 감사드립니다. 그러나 Danko가 성공적으로 대답했습니다 :) –

CSS div에 포함 된 클래스

답변

관련 문제