DIV의 수평 중심을 제어하는 CSS 문제와 관련하여 많은 신규 사용자가 혼란스러워하는 것을 봅니다. CSS를 처음 읽었을 때 외국인이 쓴 책에서 센터링 사용법에 대해 이야기했던 기억이 납니다.
| 여백 왼쪽:자동; 여백 오른쪽:자동; |
실제로는 다음과 같습니다.
| 여백:0 자동; |
그래서 이 방법을 사용하면 되지만, IE를 사용하면 중앙에 위치하지 않는다는 분들도 계셨습니다. DTD 선언이 누락되었는지 확인하는 것이 좋습니다.
<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd”> |
왼쪽 여백:50%; |
때로는 이 두 가지만으로는 충분하지 않다는 것을 알게 될 것입니다. 일부 브라우저와 호환되지 않습니다. 그래서 IE를 주로 고려하고 첫 번째 방법을 기반으로 하는 세 번째 방법을 찾았습니다. 본체 설정이 필요합니다.
본문 {텍스트 정렬: 중앙;} |
위의 텍스트는 단지 저녁 식사 후 참조 및 스케치입니다. 실제 업무에서는 누구나 주목할 수 있습니다!