วิธีจัดกึ่งกลาง 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 ">
<หัว>
<ชื่อเรื่อง>
ทำแบบทดสอบ
</ชื่อเรื่อง>
<style type="text/css" rel="stylesheet">
ร่างกาย{
ระยะขอบ:0px;
-
#เคาน์เตอร์{
ระยะขอบ:อัตโนมัติ;
ความกว้าง:600px;
ความสูง:100%;
สีพื้นหลัง:#cccccc;
-
</สไตล์>
</หัว>
<ร่างกาย>
<div id="เคาน์เตอร์">
จีน
</div>
</ร่างกาย>
</html>
ที่จริงแล้ว จุดที่สำคัญที่สุดคือ: ค่าของ Margin:auto; ในแอตทริบิวต์ของคลาส counttainer!
ตอนที่ฉันทดสอบตอนนี้ ฉันพบว่า <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 เฉพาะกาล/ /EN" " http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd ">
<html xmlns=" http://www.w3.org/1999/xhtml ">
ก็มีความสำคัญเช่นกัน หากไม่มีประโยคดังกล่าว การแสดงในเบราว์เซอร์ IE จะยังคงอยู่ทางด้านซ้ายใน Firefox และ Google Chrome การแสดงผลจะถูกต้อง หลังจากเพิ่มประโยคนี้แล้ว เบราว์เซอร์ทั้งหมดจะแสดงอย่างถูกต้อง