CSS-г ашиглан CSS ашиглан CSS-г ашиглан засах боломжтой

Тогтмол өргөний байрлалд зарим алдартай хөтөчтэй төвлөрөхөд хэцүү байж болох боловч цөөн тооны кодтой байж болно.

Энд & # 39; s

  1. Өөрийн HTML засварлагч дахь CSS загвар бүхий шинэ вэбсайт үүсгэх.
  2. Хуудас дээр байгаа бүх зүйлийг хадгалдаг хуудсан дээрх гол элемент нь div элементийг үүсгээрэй.
  3. Энэ div элементийг хуудасны өвөрмөц ID өг.
  4. CSS-ийн загварын хуудсыг нээж, өөрийн div элементийн өргөнийг тохируулна уу. div # main {width: 750px; }
  5. Див үүсгэхийн тулд автомат ашгийг нэмнэ үү. div # main {width: 750px; margin-left: auto; margin-right: автомат}
  6. Netscape 4, IE 4 - 6 ( quirks горим ) дээр засахын тулд бие дээр текстийг нэмж оруулна. body {text-align: center; }
  7. Дараа нь доторх бүх текст нь төвөгтэй байдаг. Тэгэхээр текстийн мөрийг нэмж, # # Тэнд. div # main {width: 750px; margin-left: auto; margin-right: auto; текст-шугам: зүүн; }
  8. Хуудас болон хэв маягийн хуудсыг хадгал.
  9. Зарим вэб хөтчүүдийг туршиж үзээрэй.

Зөвлөгөө

Энэ нь текстийн хайрцагийг төвлөрүүлэх боловч доторх контентыг төвлөрүүлэхгүй. Дотоод агуулгыг төвлөрүүлэхийн тулд текстийг ашиглах.