내부 텍스트가 아닌 div+css div를 가운데에 배치하는 방법:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" " http://www.w3.org/TR/ xhtml1/DTD /xhtml1-transitional.dtd ">
<html xmlns=" http://www.w3.org/1999/xhtml ">
<머리>
<제목>
테스트를 하다
</title>
<style type="text/css" rel="스타일시트">
몸{
여백:0px;
}
#카운터{
여백:자동;
너비:600px;
높이:100%;
배경색:#cccccc;
}
</style>
</head>
<본문>
<div id="카운터너">
중국
</div>
</body>
</html>
사실 여기서 가장 중요한 점은 countainer 클래스의 속성에 있는 margin:auto; 값입니다.
방금 테스트했을 때 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0을 발견했습니다. Transitional/ /EN" " http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd ">
<html xmlns=" http://www.w3.org/1999/xhtml ">
또한 매우 중요합니다. 이러한 문장이 없으면 IE 브라우저의 표시는 여전히 Firefox 및 Google Chrome에서 왼쪽에 표시됩니다. 이 문장을 추가하면 모든 브라우저가 올바르게 표시됩니다.