CSS를 사용하여 양식을 센터링하는 방법은 무엇입니까?

문자 그대로 4면 모두를 중심으로합니다. 방금 사용하는 자습서가 많이 있습니다.CSS를 사용하여 양식을 센터링하는 방법은 무엇입니까?

이 기능은 X 축에만 집중시키고 Y 축은 중앙에 배치하지 않습니다.

어떻게 Y 축을 중심으로 중앙에 배치합니까?

2013-01-31 iCodeLikeImDrunk

CSS를 사용하여 블록 요소를 세로로 가운데에 배치하는 데는 천 가지 질문이 있습니다. 그것은 쉽지는 않지만 여러 번 논의되었습니다. 어쨌든 Javascript를 사용하고 있다면, 고소를 사용하여 계산을 몇 번하고 중심에 두어야합니다 (CSS에 두지 않음). 나를 위해 – kapa

내가 사용했습니다 :

#myItem { 
    position: fixed; 
    top: 50%; 
    left: 50%; 
    width: 100px; 
    height: 100px; 
    margin-top: -50px; 
    margin-left: -50px; 
}

.... 전에, 그것은

출처

2013-01-31 19:51:39 johnwinter

, 그것은 66 % 위쪽과 왼쪽처럼 좀 움직입니다. – iCodeLikeImDrunk

여백 위쪽과 여백 왼쪽 값을 요소 높이와 너비의 절반으로 각각 대체해야한다고 생각합니다. – symlink

당신이 수직 중심으로 할 요소에 display: table-cell 및 vertical-align: middle을 설정하고 원하는 부모 컨테이너 요소에 display: table을 설정 도움이되기를 바랍니다 그것은 안으로 중심에 두었다.

출처

2013-01-31 19:52:38 Ennui

CSS를 사용하여 양식을 센터링하는 방법은 무엇입니까?

답변

관련 문제