Defnyddiwch CSS i Ganolbwyntio Dogfen gyda Chynllun Lled Sefydlog

Gall cynlluniau lled sefydlog fod yn anodd eu canoli gyda rhai o'r porwyr poblogaidd ar gael, ond mae'n bosibl, gyda dim ond ychydig linellau o god.

Dyma & # 39; s Sut

  1. Creu tudalen we newydd gyda thaflen arddull CSS yn eich golygydd HTML.
  2. Creu elfen div fel y brif elfen ar y dudalen lle byddwch chi'n storio popeth ar y dudalen.
  3. Rhowch ID yn yr elfen honno sy'n unigryw ar y dudalen.
  4. Agorwch eich dalen arddull CSS a gosodwch lled eich elfen div. div # prif {lled: 750px; }
  5. Ychwanegwch ymylon awtomatig i ganol eich div. div # prif {lled: 750px; ymyl-chwith: auto; ymyl-dde: auto}
  6. I'w gywiro ar gyfer Netscape 4, ac IE 4 - 6 ( modd ychwanegwch) ychwanegu testun-alinio ar y corff. corff {testun-alinio: canolfan; }
  7. Ond yna mae'r holl destun y tu mewn wedi'i ganoli, felly ail-alinio'r testun yn eich #main div trwy ychwanegu testun-align: chwith; yno. div # prif {lled: 750px; ymyl-chwith: auto; ymyl-dde: auto; testun-alinio: chwith; }
  8. Arbedwch eich tudalen a'ch dalen arddull.
  9. Prawf mewn sawl porwr gwe.

Tip

Bydd hyn yn canoli'r blwch cynllun ond nid y cynnwys ynddi. Defnyddio testun-alinio i ganol y cynnwys mewnol.