센터 정렬 내용

나는 내 웹 페이지에 다음과 같은 두 개의 열 레이아웃 설정이 있습니다 센터 정렬 내용

#column1-wrap { 
    float: left; 
    width: 1000px;} 
#column1 { 
    margin-right: 600px;} 
#column2 { 
    float: left; 
    width: 600px; 
    margin-left: -600px;}

가 어떻게 내 웹 페이지에이 위치를 지정할 수 있습니다 : 다음 CSS에 의해 제공됩니다

<div id="column1-wrap"> 
    <div id="column1">Column one content</div> 
</div> 
<div id="column2"> 
    Column two content 
</div> 
    <div id="clear"></div>

출처

2013-06-07 Dustin Cook

'여백 : 0 자동; 폭 : 90 %;' –

그 일을 아니에요 http://jsfiddle.net/bLr5S/ –

당신은 probaly이 가고 있습니다 : HTML

<div class="container"> 
    <div id="column1-wrap"> 
    <div id="column1">Column one content</div> 
    </div> 
    <div id="column2"> 
     Column two content 
    </div> 
</div><!--container-->

CSS

.container{ 
    border:1px solid blue; 
    margin:0px auto; 
    }

출처

2013-06-07 11:11:50 ErikMes

감사합니다. @ErikMes! 그것은 나를 위해 일했다! –

문제 없습니다. 도와 드릴 수 있습니다. – ErikMes

시도는 CSS에서 #의 컬럼 1 랩에

margin: 0 auto;

를 추가

출처

2013-06-07 11:04:46 Cruelcrome

- 붙어 여전히 왼쪽 정렬. –

'margin : 0 auto;'요소에 너비가 정의되었을 때만 작동합니다. –

예, 알지만 래퍼에는 이미 1000px가 있습니다. 정의 됨 – Cruelcrome

안녕하세요 사업부는 콘텐츠를 margin:0px auto;

로

<div align:center> 
</div>

또는 넣어 스타일을 중심에 속성 정렬을 가지고

출처

2013-06-07 11:05:43

나는 그것을 시도했다 - 그것은 작동하지 않았다. –

이렇게하지 마십시오. 인라인 스타일링은 우수 사례로 간주되지 않으며 정렬은 CSS에서 수행되어야합니다. 또한 구문도 잘못되었습니다. –

센터 정렬 내용

답변

관련 문제