Tanulás használja cellpadding és cellspacing a css, css

előző ◈ a következő

A HTML attribútumokat cellpadding és cellspacing lehet beállítani az alábbiak szerint:

Ha azt szeretnénk, hogy teljesen eltávolítani a sejtek közötti tér (set cellspacing = „0”), ne felejtsük el, hogy állítsa be az border-összeomlás: összeomlás. De hogyan lehet megvalósítani cellspacing CSS?

Munka CSS vetítve cellspacing - ezen a határon-távolság. de ez nem működik a böngésző az Internet Explorer. Beállíthatjuk, hogy a határ-összeomlás: összeomlás, ami szintén nulla rés a sejtek között. De az egyetlen teljesen cross-browser megoldás használata cellspacing attribútum:

Azt is csak használja cellpadding = "0" cellspacing = "0". mivel ezek a tulajdonságok még nem tekinthető elavult.

A szabályozás a időközönként sejtek közötti CSS segítségével. Használhatja padding (padding), exponált táblázatcellákra:

Ami az egyenértékű CSS táblázat cellspacing. akkor a border-térköz tulajdonság. alkalmazva az asztalra. Például:

Ez a funkció is nyújt vízszintes és függőleges hézagokat. Ez azt jelenti, hogy észre, hogy ez lehetetlen, hogy a cellspacing attribútumot.

Problémák IE 7 változatot az alábbiakban

Ezek a módszerek munka szinte minden modern böngésző kivétel az Internet Explorer 7 Mindegyikük támogatja a border-collapse tulajdonság. amely egyesíti a határait szomszédos cellák a táblázatban. Ha megpróbálja eltávolítani a rések között sejtek (cellspacing = „0”), akkor a határ-összeomlás: összeomlás lesz ugyanaz a hatása: a hiányzó cellák közötti távolság. Érdemes megjegyezni, hogy ez a lehetőség által támogatott „görbe”, mivel a meglévő HTML-cellspacing attribútum CSS nem újraírható.

Ha nem működik együtt az Internet Explorer 5-7. Használja a határ-távolság. Ha szerencséd, majd cellspacing: 0 vagy határ-összeomlás: összeomlás:

Ha nincs értéke nulla cellspacing. próbálja mi működött nekem. De ne felejtsük el, hogy ez a lehetőség csak tesztelték a Firefox:

Ez a hack cellpadding cellspacing CSS működik IE 6 és újabb, a Google Chrome-ot. Firefox és az Opera:

Ez a probléma egy egyszerű megoldás:

Az alapértelmezett beállítások

Szabványos böngésző viselkedés egyenértékű a következő:

Ez lehetővé teszi, hogy meghatározza a távolságot a tartalmát a sejtek:

cellspacing

cellspacing CSS felelős közötti távolság a sejtek saját:

A kombináció a tulajdonságok

A kombináció a tulajdonságok (opcionális)

Megjegyzés: Ha a border-térköz tulajdonság. ez azt jelzi, hogy a határ-összeomlás van beállítva, hogy külön.

Meg lehet próbálni az akció!

Tekerjük a tartalom div sejtekben. és képesnek kell lennie, hogy semmit, de majd betakar minden cella az oszlopban. Például, hogy egy szélesebb bal és a jobb margó, akkor kell használni a következő CSS-kód:

Csakúgy, mint a következő HTML-kód:

Hol lehet kipróbálni a kódot akcióban.

Ez a megközelítés működik IE. Sőt, azt teszteltem csak az Internet Explorer. A W3C-specifikáció rájöttem, hogy tag

Ő kizárólag a kijelző tartalmát.

Sokkal könnyebb létrehozni

a kívánt háttérrel, majd a tetején ez az elem a helyzetben a táblázat használatával összesen: abszolút és a háttér: átlátszó. Ez a módszer működik Chrome-ban. IE (6 és magasabb), és a Mozilla (2 és magasabb).

Behúzások (árrés) vannak kialakítva, hogy hozzon létre közötti rések a tartály elemeit

,
,
, de nem
,
, vagy . Használatukkal valami mást igényel sok időt a felkészülésre a helyszínen, az összes jövőbeli frissítések böngészők.

Miután a border-collapse tulajdonság szoktam! Fontos. fordult border-összeomlás: összeomlás fontos !. Az IE 7, ez a lehetőség működik. Átírta a forrás tulajdonság cellspacing.

Próbálja ki a következő módszerrel végrehajtását CSS táblázat cellspacing:

Vagy egy kicsit másképp:

Asztalokhoz, akkor a határ-összeomlás: összeomlás. és th és td - adja padding:

A tábla tartalmát lehet használni CSS-padding:

Ez problémákat okozhat a régebbi verziójú Internet Explorer különbségek miatt a végrehajtás a doboz oldalán.

Az alábbiakban a kódot állítani az összes stílus cellpadding cellspacing CSS. Ez az én reset.css file:

Cellpadding létrehozásához használt rések között a tartalmát a sejtek és azok határai:

Képesség cellspacing helyet teremt a sejtek körül az asztalt. Ahhoz, hogy a CSS cellspacing hatásokat. Használja a határ-távolság tulajdonság:

Ha a különbözet ​​tulajdonság nem működik, próbálja meg a display tulajdonság egy elem a tr blokk. és akkor működni fog pontosan.

Stílusok adunk a táblázat elrendezés csak, hogy nem használja a CSS. Ez nehézségeket okozhat, ha túl sok táblázatok az oldalon:

A HTML5 funkciókat cellspacing és cellpadding a táblázat elavultnak tekinthető. Most, hogy a hatás a cellspacing. Meg kell használni a határon-távolság. cellpadding és kompenzálják a határ-összeomlás.

És mindig megpróbálja beállítani az értéket cellpadding cellspacing CSS a stílus fájlban:

cellpadding valósítható segítségével padding CSS. míg cellspacing képes kompenzálni border-térköz tulajdonság. alkalmazva az asztalra:

A HTML-táblázat cellpadding cellspacing CSS lehet beállítani az alábbiak szerint: annak érdekében, hogy a terek között, a sejtek tartalmát, használja beljebb td / th:

Mert cellspacing CSS használja a border-térköz tulajdonság a tábla:

Fordítása a cikk „Hogyan állítsuk cellpadding és cellspacing CSS? „Azt állítottuk elő a projekt csapat barátságos Web design tól Z-ig

előző ◈ a következő