2009-10-21 1 views
1

을 감안할 때 마크 업 like this : 테이블이 수평 스크롤바가 도입되어 너무 넓은 경우가 렌더링되는 방법을h 스크롤이 도입되었을 때이 내용을 어떻게해야합니까 *해야합니까?

<body> 
    <div style='text-align:center'>header</div> 
    <table> 
    <tr><td> 
     really_wide_table................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................ 
    </td></tr> 
    </table> 
</body> 

?

헤더 div는 가장 왼쪽에서 볼 수있는 화면의 가운데에 놓이게 될지 아니면 테이블의 가운데에 위치해야합니까? 또는 다른 것?

참고 : 나는 일이 does 무엇인지, 내가 무엇을 찾고있어 (내가 an issue로 실행) 어떻게해야하는지 정의하는 공식 참조입니다.

답변

2

div은 블록 요소이며 기본값으로 width이 부모 컨테이너의 100%으로 설정되어 있습니다. 이 경우 상위 컨테이너는 브라우저 윈도우의 보이는 부분입니다.

아래의 표 (또는 해당 요소)가 얼마나 넓은 지 (또는 좁히고 시도해도) div은 여전히 ​​브라우저 창을 100 % 채 웁니다.

div은 창 너비와 동일하므로 창 중앙에 나타납니다.

"공식적인"언급이 없지만 DOM 및 CSS 사양의 작동 방식을 알고 있습니다.

+0

두 번째로 말씀 드리겠습니다. 표의 크기만큼 가운데에 표시되도록하려면 표 안에 있어야합니다. –