Hogyan változtassuk meg a méret a táblázat html

Hogyan változtassuk meg a méret a táblázat html

A méretei a táblázat, a magassága és szélessége határozza meg automatikusan a tényen alapul, hogy magukban foglalják az a sejtben. Minél több tartalom a sejtekben, annál nagyobb a méret a táblázatban, és fordítva.







Azonban CSS funkciók lehetővé teszik, hogy a méret a táblázat HTML, rámutatva, hogy pontosan a szélesség és magasság értékeket, amelyekre szükség van. Az igazságosság meg kell jegyezni, hogy még az attribútumok a táblázat lehetővé teszi, hogy adja meg a kívánt méretet. Azonban abban a pillanatban már csak beszélni CSS.

A szélesség a táblázat a használni kívánt CSS-tulajdonság szélességét. és állítsa be a magasságot kell használni a magasság tulajdonság.

Ebben a példában, az alábbiak szerint.

Az eredmény a böngészőben:

Hogyan változtassuk meg a méret a táblázat html

A szélessége és magassága a táblázat lehet meghatározni, mint egy abszolút érték (pixel) és a relatív - százalékos. Például, 20 képpont és 20% -kal.

Ha százalékokat, hogy meghatározza a méret a táblázatban, akkor le kell vonni, kezdve a méret a szülő elem. Ha beszélünk a példánkban beszélünk egy böngészőablakban.







Van egy másik érték - auto. És ez azért különleges, mert a segítségével az asztal szélességét és magasságát a számítás automatikusan megtörténik az alapértelmezett. A gyakorlatban jelezve az érték a következőképpen néz ki.

Szeretnénk felhívni a figyelmet egy másik ilyen fontos pillanatban. Mi a magassága egy százalékponttal jobb, ha nem, mert mint általában, ebben az esetben nem fog működni.

Megjegyzés: a méret az egyes sejtek és oszlopok

Ha úgy gondolja, hogy a böngésző nem helyesen beállítva oszlopainak szélességét, kezdve a cella tartalmát, akkor van a megfelelő méret a sejtek és oszlopok jelzik a saját. És most fogunk beszélni, hogyan kell változtatni a méretét egy sejt egy HTML táblázat.

Méretének módosítása sejtek alkalmazásával végezzük ugyanazon CSS-tulajdonságok, mint a méret a táblázat, nevezetesen: szélesség és magasság.

Hozzáadásához cellastílust, akkor az alábbi két lehetőség:

  1. Kérdezd az egyes cellákat az osztály nevét. Úgy fog kinézni:

És azután, hogy az alkalmazni kívánt stílust adatok osztályok.

  • Engedélyezése tulajdonság stílusban. amelyen belül regisztrálni a szükséges CSS-kódot.
  • A gyakorlatban a második lehetőség az lenne a következő:

    Ugyanakkor azt szeretnénk megjegyezni, hogy a változás a méret az egyes sejtek szükség esetén nem olyan gyakran. Általában ez történik azokban az esetekben, amikor arra szükség van, hogy kérje egy bizonyos szélessége a táblázat oszlopait. Ebben az esetben a probléma egyszerűen megoldható. Csak meg kell adnia a szélessége az első sorban a sejteket.

    Az eredmény a böngészőben:

    Hogyan változtassuk meg a méret a táblázat html

    Hogyan változtassuk meg a betűméretet asztal

    Gyakran van, hogy módosítani kell a szöveg méretét a táblázatban. Például, a cellák fejrészében. Ezt meg lehet tenni a CSS-tulajdonság font-size. Nézzük meg a betűméretet tételek :

    Ennél a lecke véget ér. I-hez jó, hogy az tükrözze a házi feladatot. Csak azért, alaposan tanulmányozza, és spekulálni. Összességében jó!




    Kapcsolódó cikkek