Normál áramlás - html, css, javascript, perl, php, mysql
A blokkokat a normál adatfolyam tartoznak formázás összefüggésben, amelyek lehetnek akár blokk, vagy egy string, de nem mind ugyanabban az időben, vagy más. Szerkezeti egységek is részt vesznek az összefüggésben formázott blokkok. Blocks inline részt összefüggésben formátumstring.
blokk formázás keretében
Keretében az egymást követő blokkok formázott blokkok vannak elrendezve függőlegesen a felső széle a tartály. A függőleges távolság a két testvér blokkok segítségével határozzuk meg az ingatlan „margin”. Az összefüggésben a függőleges mezőt formázott blokkok átfedik a szomszédos szerkezeti egységek.
Az összefüggésben a formázási egységek minden maradt szegmens külső széle a blokk érintkezik a bal széle a tartály egy szakaszt (jobbról balra, amikor a formázás érintse jobb széle). Ez akkor is igaz jelenlétében mozgatható tárgyakat (bár a tartalma egységnyi területen csökkenteni lehet).
karakterlánc formázási Context
Az összefüggésben formátumstring blokkok vízszintes elrendezésű, egyik a másik után, kezdve a felső széle a tartály. Vízszintes margók, határok és padding belül ezeket a blokkokat tárolja. Különböző módszerek léteznek a függőleges igazítás egységek: az alsó vagy a felső szélén, vagy a szinten a szöveg bennük. Egy téglalap alakú régió, amely tartalmazza a blokk, amely egy egyetlen vonal, az úgynevezett lineáris egység.
A szélessége a vonal egység határozza meg a tartály szélessége. A magasság a lineáris tömb leírt szabályok „kiszámítása magassága vonalak.” Lineáris blokk mindig elég magas ahhoz, hogy befogadni minden blokkot. Azonban, ez lehet nagyobb, mint a legmagasabb egység belsejében (például, ha a blokkok vonalban vannak egymással úgy, hogy a szöveg talp ugyanazon tengely). Ha a magassága a B blokk kisebb, mint a sor magassága doboz, amelyben található, a függőleges igazítás a B blokk meghatározása az utóbbi "vertikális align tulajdonság.
Több blokk karakterlánc nem marad egyetlen vízszintes vonal egység, ezek elosztva két vagy több függőlegesen elhelyezett lineáris blokk. Tehát egy bekezdés egy sor függőlegesen elrendezett lineáris blokk. Lineáris egység nem a tetején egymást, és nem kell különbséget tenni bármilyen függőleges időközönként.
Normális esetben a bal szélén a lineáris egység érintkezik a bal széle a tartály, és a jobb szélén - a jobb szélét a tartály. Néha azonban közötti megfelelő széleknél vannak elhelyezve mozgatható blokkok. Ezért, bár az egyik összefüggésben lineáris karaktersorozat formátum tömböket általában azonos szélességű (egyenlő a szélessége a tartály), még mindig változhat attól függően, a méret a rendelkezésre álló vízszintes teret elhagyni mozgatható objektumot. Lineáris egységek, ugyanebben az összefüggésben, egy string formázási gyakran magassága változó (például egy sort tartalmazhatnak hosszúkás grafikai, míg a másik - csak a szöveget).
Ha a teljes szélessége a húr a blokkok elrendezve egy sorban, amely kevesebb, mint a szélessége a lineáris blokk, a vízszintes elosztó ezen egységek alkalmazásával is meghatározható a tulajdonság „text-align”. Ha be van állítva, hogy „igazolja”, a böngésző növelheti a string hossza blokkok.
Mivel a szélessége a húr blokk nem haladhatja meg a szélessége a lineáris blokk, hosszú inline dobozok több szegmensre oszlik, melyeket aztán kiosztják a többszörös lineáris egység. Ha egy inline doboz részekre helyett felosztásához területén keret és kitöltés vizuálisan nem jelenik meg. Formázása mezők, határok és árrés kerül meghatározásra nem teljesen, ha a partíció készül egy kétirányú szerelést.
Hasító egység string lehet belül is lineáris egység segítségével a kétirányú szöveg feldolgozása.
Itt egy példa az építési inline dobozt. A következő (létrehozott elem P tartozó HTML nyelv szintű blokk) magában névtelen szöveg, amelyben az elemek kerülnek be az EM és erős:
ebben javaslat kedves
több dedikált szó.
Elem P generál szerkezeti egységet tartalmazó sor öt blokk, amelyek közül három névtelen:
Névtelen: „Ez a”
EM: „a javaslat”
Névtelen: „kedves”
STRONG: „több dedikált”
Névtelen: „szavak.”
Formázni a bekezdés, a kliens hozza az összes öt blokk lineáris egységek. Ebben a példában, egy blokk keletkezett a elem P, jelöl egy tartályt az lineáris egységek. Ha a tartálynak van egy elég széles, minden inline dobozok fér egy lineáris egység:
Ebben a mondatban, kedves, néhány kiválasztott szó.
Egyébként inline dobozok vannak osztva részek, amelyeket aztán elosztva több lineáris egységek. Az előző bekezdésben említett, a következő bontásban:
Ebben a mondatban, kedves,
néhány kiválasztott szó.
vagy más módon:
Ebben a javaslatban,
drága, kissé
kijelölt szavakat.
Az utóbbi esetben, a blokk által létrehozott elem EM, volt osztva két részre (nevezzük őket „split1” és „split2”). Field keretek, a kitöltés vagy szöveg design elemek nem jelennek előtt vagy után split1 split2.
Tekintsük a következő példát:
itt több dedikált szó.
Attól függően, hogy a szélessége az elem P blokkok lehet allokálva a következőképpen:
A mezők vannak elhelyezve, hogy a „több” szó után a „kiválasztott”.
Behúzás vannak elhelyezve, hogy a felső és alsó részén a „valami”, és utána, felül és alul a „célzott”. Mindkét esetben három oldalról veszi körül a szavakat szaggatott határon.
relatív pozicionálás
Miután a berendezés került a mintának megfelelően a normális áramlását, ez tolható a vonatkoztatási helyzetbe. Ezt az eljárást nevezzük relatív elhelyezése. Az ilyen elmozdulás a blokk (B1) nincs hatással a következő műveleti egységhez (B2): B2 blokk van rendelve a helyzetben, mint ha a B1 offset egység nem tett, és a helyzet nem változik, még akkor is, ha a B1 blokk ezután kell mozgatni. Ebből következik, hogy a kivetés blokkok előfordulhat relatív elhelyezése.
Viszonylag elhelyezett dobozokban tartani a jellemző mérete a mozgó tárgyak, beleértve a sortöréseket, és a fenntartott hely a számukra. Viszonylag pozicionált készülék hozzárendel egy új tartályt gyermekek számára a rendes patak és helyezzük leszármazottai.
Elem generál viszonylag elhelyezett egységet, ha a tulajdonságok a „pozíció” beállítása „relatív”. Offset alkalmazásával határozzuk meg a tulajdonságait „top”, „alsó”, „bal” és „jobb”.
Dinamikus mozgás blokkok viszonylag elhelyezve képes generálni animációs hatások szöveges környezetben (lásd. Még: „láthatóság” tulajdonság). Relatív elhelyezése lehet használni, mint az elsődleges eszköz, hogy hozzon létre a felső és alsó indexek, kivéve, ha a vonal magassága nem automatikusan igazítják, megakadályozza a végrehajtását elhelyezése. További információk találhatók a következő részben kiszámítására a sor magasságát.
Példák a relatív helymeghatározás metszetben mutatja, ahol egy összehasonlító modellek, amelyek leírják a normál áramlását a közvetített objektumok és abszolút pozicionálás.