css 센터 div가 작동하지 않습니다.

리뷰 div 내에있는 스피커 div를 센터링하고 싶습니다. 나는 그것을 작동시킬 수없는 것 같습니다. :(css 센터 div가 작동하지 않습니다.

HTML :

<div class="review"> 
<div class="speaker"> 
<p>SPEAKER DIV</p> 
</div> 
</div>

CSS :

.speaker{ 
align:center; 
}

이 작동하지 않습니다/

출처

2011-04-14 djdanster

이

.speaker p{ 
text-align:center; 
}

또는

시도

.speaker { 
text-align:center; 
}

출처

2011-04-14 10:23:40 Headshota

align과 같은 CSS 속성이 없습니다.

스피커 div를 "센터링"한다고 할 때 정확히 무엇을 의미합니까? 대안, 당신은 스피커 사업부는 자사의 텍스트로 넓게 싶은 경우

이

.speaker { 
    text-align:center; 
}

을 (http://jsfiddle.net/pauldwaite/X7LN5/ 참조), 그리고 :

이 같은 의 텍스트을 중심으로 - 정렬 할 수 있습니다

.review { 
    text-align:center; 
} 

.speaker { 
    display:inline-block; 
}

(를 참조하십시오 검토 DIV의 중심에 위치, 당신은이를 사용할 필요가 거라고)

출처

2011-04-14 10:23:50

그 구문이 존재하지 않기 때문입니다. div속성을 통해 div를 가운데에 정렬해야합니다.

.speaker{ 
    margin:0px auto 0px auto; 
}

DEMO는http://jsfiddle.net/t4kBj/

출처

2011-04-14 10:23:58 Dutchie432

CSS에는 align 속성이 없습니다. 블록을 가운데로 맞추려면 가로 여백을 자동으로 설정하십시오. 자세한 내용은 Centring using CSS을 참조하십시오 (Internet Explorer 문제의 해결 방법 포함)

출처

2011-04-14 10:24:07 Quentin

너비와 여백을 지정하십시오. 0 자동;

<div class="review"> 
    <div class="speaker"> 
     <p>SPEAKER DIV</p> 
    </div> 
</div> 

div.speaker{ 
    background-color:red; 
    width:100px; 
    margin:0 auto; 
}

See it in action!

출처

2011-04-14 10:25:00 firefox1986

나는 파티에 늦게 년 정도 해요,하지만 여기 간다 : 대부분의 브라우저에서

이 작동합니다 :

.speaker{ 
    margin: 0 auto; 
}

그러나, IE8에서 아래의 경우 margin:auto은 작동하지 않습니다 (! DOCTYPE 선언이 없으면 IE8 만 작동합니다).

.review{ 
    text-align:center; 
} 
.speaker{ 
    text-align:left; 
    width:200px; 
    margin:0 auto; 
}

이 방법의 단점은 당신이 폭을 선언해야한다는 것입니다, 또는 원 'See W3Schools Horizontal-Align Tutorial)이 경우

, 당신은 원하는 효과를 얻기 위해 text-align: center 및 width의 조합을 사용할 수 있습니다 중심에두기.

행운을 빈다.

출처

2012-04-23 21:44:43

완벽하게 작동합니다.

.speaker{ 
margin: 0 auto; 
text-align:center; 
width:100%;

}

행운

출처

2013-07-10 10:46:28 Ritesh

css 센터 div가 작동하지 않습니다.

답변

관련 문제