Mae lleoliad eitemau ar dudalen we yn hanfodol i'w dyluniad cyffredinol. Er bod ffyrdd eraill o ddylanwadu ar y cynllun, megis defnyddio tablau ( nad ydym yn eu hargymell ), y gorau yw defnyddio CSS .
Isod, byddwn yn edrych ar sut i ddefnyddio eiddo ar-lein CSS syml i alinio delweddau, tablau, paragraffau, a mwy.
Noder: Gellir defnyddio'r un dulliau hyn ar daflenni arddulliau allanol hefyd, ond gan fod y rhain yn berthnasol i eitemau unigol ac mae'n debyg y bydd angen iddynt aros felly, mae'n well defnyddio steiliau mewnol fel yr hyn a grybwyllir isod.
Alinio Testun Paragraffau
Y tag paragraff yw'r lle cyntaf i ddechrau wrth osod eich tudalen we. Mae tagiau agor a chau yn edrych fel hyn:
Mae aliniad rhagosodiad testun mewn paragraff i ochr chwith y dudalen, ond gallwch hefyd alinio'ch paragraffau i'r dde a'r ganolfan.
Mae defnyddio'r eiddo arnofio yn gadael i chi alinio paragraffau i'r dde neu i'r chwith o'r elfen rhiant. Bydd unrhyw elfennau eraill y tu mewn i'r elfen rhiant hwnnw yn llifo o gwmpas yr elfen flodeuo.
Er mwyn cael yr effaith orau gyda pharagraff, mae'n well gosod lled ar y paragraff sy'n llai na'r elfen cynhwysydd (rhiant).
Alinio'r Paragraffau Testun Mewnol
Yn ôl pob tebyg, mae'r aliniad mwyaf diddorol ar gyfer testun paragraff yn "gyfiawnhau" sy'n dweud wrth y porwr i arddangos y testun wedi'i alinio, yn ei hanfod, i ochr dde a chwith y ffenestr.
I gyfiawnhau'r testun mewn paragraff, byddech chi'n defnyddio'r eiddo i alinio testun.
Gallwch hefyd alinio'r holl destun y tu mewn i baragraff i'r ochr dde neu'r chwith (y rhagosodedig), gan ddefnyddio'r eiddo testun-alinio.
Bydd yr eiddo sy'n alinio testun yn alinio'r testun y tu mewn i'r elfen. Yn dechnegol, nid yw i fod i alinio delweddau sydd wedi'u cynnwys y tu mewn i'r paragraff neu elfen arall, ond mae'r rhan fwyaf o borwyr yn trin delweddau fel mewn llinell ar gyfer yr eiddo hwn.
Alinio Delweddau
Gan ddefnyddio'r eiddo arnofio ar tag delwedd, gallwch chi ddiffinio lleoliad delweddau ar y dudalen a sut y bydd y testun yn ei gwmpasu.
Yn union fel y paragraffau uchod, bydd yr eiddo arddull arnofio yn y tag delwedd yn gosod eich delwedd ar y dudalen ac yn dweud wrth y porwr sut i lifo testun ac elfennau eraill o gwmpas y ddelwedd honno.
Bydd y testun yn dilyn y tag delwedd uchod yn llifo o gwmpas y ddelwedd i'r dde wrth i'r ddelwedd ddangos ar ochr chwith y sgrin.
Os wyf am i'r testun roi'r gorau i lapio'r ddelwedd, rwy'n defnyddio'r eiddo clir:
Alinio Mwy na Paragraffau
Fodd bynnag, beth os ydych chi am alinio mwy na pharagraff neu ddelwedd yn unig? Gallech roi eiddo arddull ym mhob paragraff, ond mae tag y gallwch ei ddefnyddio yn fwy effeithiol:
Yn syml, cwmpaswch y testun a'r delweddau (gan gynnwys tagiau HTML ) gyda'r tag a'r eiddo arddull (arnofio neu alinio testun) a bydd popeth yn yr adran honno yn cael ei alinio sut yr hoffech ei gael.
Cofiwch y bydd aliniadau sy'n cael eu hychwanegu at baragraffau neu ddelweddau o fewn yr is-adran yn cael eu hanrhydeddu, gan bwysleisio'r tag.