테이블 요소가 포함 된 크기가 설정된 백그라운드 div가 있습니다.div 안에 세로로 테이블을 정렬하는 방법
div의 가운데 왼쪽에 표를 배치 할 방법을 찾고 있습니다. 왼쪽은 쉽고, 중간에 일할 수 없습니다. 이것은 내가 무엇을 가지고 :
HTML
<div id="background">
<table>
//... stuff
</table>
</div>
CSS :
#background {
height: 1000px;
width: 1000px;
text-align: left;
}
사람이 어떻게 테이블 수직 정렬을 말씀해 주시겠습니까?
Div 's는 일반적으로 수직 정렬을 허용하지 않습니다. 유일한 옵션은 테이블 셀처럼 행동하게하거나 마진/패딩과 같이 테이블을 수직으로 정렬하는 것처럼 보이게하는 것입니다.
정확함, 발견 : http://stackoverflow.com/questions/4064677/how-can-i-vertically-align-a-table-in-the-middle-of-a-fixed-height-div – frequent
that 's 제가 한. 감사! – frequent
를 사용할 수 있습니다 중간에 넣어되지 않습니다 50 %를, 당신은 CALC를 사용해야하지만 고정 된 높이를 필요로하고 150 픽셀 폭의 절반에 해당 -
width: 300px;
left: calc (50% - 150PX)
(가) : 나중에 참조 할 수 있도록하지만, 당신이 다음이 예제를 사용 수평으로 정렬 할 경우이 날 최고 사용하기위한 작동하는 것 같다 없다.
[무엇을 시도해 봤습니까?] (http://mattgemmell.com/2008/12/08/what-have-you-tried/), 당신은 무엇을 봤습니까? 온라인에서 수천 가지 자습서를 찾고 있습니다. – Ryan
상대 위치/위치 절대 값으로 고정했습니다 ... 절대 수직 정렬을 신경 쓰지 마십시오. – frequent