친구가 DIV 센터링을 사용했는데 DIV 센터링이 실패했음을 발견했습니다. 아래에서 문제를 해결해 드리겠습니다. 하하!
1. 일반적으로 DIV 센터링이 실패하는 이유는 DTD 문이 작성되지 않고
페이지 상단에 추가되기 때문입니다:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" " http: //www.w3 .org/TR/xhtml1/DTD/xhtml1-transitional.dtd ">
그게 다입니다! 실제로 dtd 문을 추가하지 않아서 다른 CSS 문제도 많이 발생합니다.
2.DIV를 중앙에 배치하기 위해 여백을 사용하는
가장 간단한 방법은
다음과 같습니다..divstyle{ margin:0 auto; }
더 복잡할 경우 왼쪽 및 오른쪽 여백을 모두 추가합니다.
.divstyle{ margin-left:auto; ; }
이렇게 하면 DIV가 중앙에 위치한다고 상상할 수 있습니다!