고정 폭 페이지 레이아웃이지만 내용이 조절 가능

내 웹 사이트 템플릿을 업그레이드하고 싶습니다. 콘텐츠가 고정 폭 중심 div에 있도록하고 싶습니다. 이것은 문제가 아니며 웹에 많은 예제가 있습니다. 텍스트가 이미 & 개의 텍스트로되어 있기 때문에 div가 일부 페이지의 내용을 자르지 않도록하고 싶습니다. 자바 스크립트를 사용하여 너비를 조정하고 싶지 않습니다. div를 사용하여이를 수행 할 수있는 방법이 있습니까? 아니면 대신 테이블을 사용해야합니까?고정 폭 페이지 레이아웃이지만 내용이 조절 가능

출처

2013-01-31 Joe

귀하의 질문에 맞지 않게 수직으로 가운데 정렬되어 있습니까? 당신이 수직이 position: absolute;를 사용할 필요가보다 중심을 원하고 당신이 원하는 경우 수평 중심 경우에 당신은 그냥 단순하게, margin: auto;를 사용할 필요가 ...

/* Totally center fixed width content */ 

.center { 
    position: absolute; 
    top: 50%; 
    left: 50%; 
    margin-top: /* Half of the total height of the container div */ 
    margin-left: /* Half of the total width of the container div */ 
}

당신은 수평 중심 내용이 필요하면, 당신이 필요로하는 동시에

출처

2013-01-31 13:53:21

단지를 중심으로 폭에 fixed width div 및 overflow: hidden;을 사용하지 않는 때까지

.horizontal { margin: auto; }

콘텐츠가 잘립니다되지 않습니다 사용할 수 있지만, 주요 문제는 내용 인 경우 너비를 조정하는 것입니다하기 너무 큽니다 (예 : 큰 표 또는 큰 이미지) – Joe

고정 너비의 div와 'margin : auto;'를 사용하면 내용을 가운데로 배치하고 컨테이너보다 큰 내용의 경우 'overflow : auto;'를 사용하십시오. –

고정 폭 페이지 레이아웃이지만 내용이 조절 가능

답변

관련 문제