كيفية توسيط 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">
جسم{
الهامش: 0 بكسل؛
}
#كونتينر{
الهامش: تلقائي؛
العرض: 600 بكسل؛
الارتفاع: 100%؛
لون الخلفية:#cccccc;
}
</نمط>
</الرأس>
<الجسم>
<div معرف = "countainer">
الصين
</div>
</الجسم>
</html>
في الواقع، النقطة الأكثر أهمية هنا هي: قيمة هامش: تلقائي؛ في سمات فئة كونتينر!
عندما كنت أقوم بالاختبار للتو، وجدت أن <!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. سيكون العرض صحيحًا، وبعد إضافة هذه الجملة ستظهر جميع المتصفحات بشكل صحيح