Egyesítése táblázat sejtek
Ebben a tutorial, továbbra is tanulmányozza az asztalra, azaz figyelembe vesszük még két attribútumokat egy tag lttdgt. amelyek felelősek a sejt összevonása. Nézzük az alábbi képet, meg fogja érteni, hogy milyen egyesület lesz szó.
A táblázat mutatja a bal oldalon van a hagyományos építési. A jobb oldali táblázatban az első sor két sejtek együtt formálnak egy nagy sejt.
Ezeknek a használata attribútumok egy kicsit bonyolultabb, mint a használata mások. Ez az, amiért félre egy külön leckét.
Képesség colspan.
Colspan attribútum egyesíteni a sejtek vízszintesen. Az attribútum értékének jelzi a sejtek száma egybeolvadt.
Figyelem! Fontos, hogy a teljes összeg a kombinált rendes és egy sejtvonalon azonos volt a teljes számának a másik sor sejtek. Vegyük példaként a jobb oldali táblázatban az első mintát. A felső sorban tartalmaz csak egy nagy cella, amely két hagyományos, és az alsó sor tartalmaz két hagyományos cella.
A következő a helyes verzió a megírt kód:
Magyarázat kód:
A felső vonal lttrgt van egy cellában lttdgt. A árujegyzékben colspan attribútum értéke 2. Ez azt jelenti, hogy a sejt kombinálja 2 sejtek esetében a sejt helyettesíti a 2 sejtekhez. A második sor lttrgt 2 normál sejt lttdgt.
Kiderült, hogy a felső sorban van két közös között a sejtben, és az alsó sorban a két rendes sejteket. Száma egyenlő, akkor a kód van írva, az igaz.
Most, egy példa a kódot egy gyakori hiba:
Magyarázat kód:
A hiba az, hogy az első sorban lttrgt nem tartalmaz két sejt lttdgt. és három, míg a második sorban lttrgt két sejt lttdgt.
Nézzük a kódot, vizuálisan úgy tűnik, hogy a cellák száma azonos sorokat, mint a több tag lttdgt ugyanaz. De az egyik tag lttdgt egy colspan attribútum értéke 2. Ez azt jelenti, hogy ez az egy sejt azon a helyen a kettő.
Rowspan attribútumot.
Rowspan attribútum, hogy összekapcsolják a sejtek függőlegesen. A működési elve ugyanaz, mint a colspan attribútumot.
Magyarázat kód:
A felső vonal lttrgt három sejtek lttdgt. az egyiket egy előírt attribútumértéke rowspan 3. Ez azt jelenti, hogy ez a sejt kombinálja 3 sejteket (amelyek attribútum meghatározva + 2 alsó függőleges sejtek). Ahogy azt mondta, az első sorban van egy 3-sejt, ami azt jelenti, hogy az alsó két sor meg kell egyeznie a három sejtek. Nézzük a kódot, azt látjuk, hogy az alsó két sor lttrgt csak két sejt lttdgt. de ne felejtsük el, hogy az első cella a legfelső sor került a helyére + több helyen két sejt alatta. Ez azt jelenti, hogy a sejtek össz-száma minden egyes sorban három.
Megértem egyesítő téma sejtek többféle tűnhet zavaró. Ahhoz, hogy jó tanulni az anyagot, meg kell gyakorolni. Készítsen néhány nem bonyolult táblázatok, és alkalmazza őket a colspan és rowspan attribútumok magad.
Te nem értesz valamit, ez a lecke? Kérdezzen!
- [email protected]