Vízszintbeállításán az egység útján css - orosz
Íme néhány példa a vízszintes igazítás blokk az oldalon. C- "margin: 0 auto;" és a negatív értékek árrés.
C határértéket használunk: 0 auto;
A blokk középre telepíti a bal és a jobb margó méretét az „auto”. Ez egy nagyszerű módja annak, hogy vízszintes igazítás CSS blokk. Ő jól működik a legtöbb támogató böngészők CSS2. De IE5 / Win nem reagál ez a tulajdonság hiányzik a böngésző, hanem technikákat.
Ez könnyen bejárható - IE5 / Win helytelenül alkalmazza az ingatlan „text-align” blokkolni szintű elemeket. Állapítsa „text-align: center” elem, amely középpontban az egység (leggyakrabban a test), és a probléma IE5 / Win megoldódni látszik. A mellékhatása ez a trükk - Az örökölt tulajdonságok „text-align” inline-tartalmat. Középre a készülék most nyilvánítja „text-align: left” és így bemutatni az elrendezés érdekében.
Bot példa központozó tömböt használó "margin: 0 auto;".
A negatív határértéket
Először is, a bal széle a blokk középre van használva „összesen: abszolút; bal: 50%;”. Ezután a bal margó beállított érték felével egyenlő a szélessége a készüléket, és ez negatív: „margin-left: -266px;” .
Bot példa központozó tömböt használó "margin: -100px;".
Egység méretei nem kell rögzíteni. Ők lehet beállítani, mint egy százaléka, de azonos körülmények között a „margin-left”, akkor a kód lenne:
Bot példa központozó tömböt használó "margin: -20%;".
A fenti példák, és a változó értékeit a bal és jobb margó elhelyezheti blokk nem szigorúan a központban, és igyekszik azt a jobbra vagy balra a központtól.
Érdekes, hogy a központ az asztalra, ha nem rendelkezik egy fix kamatozású és szélessége?
Kezdek emelheti webhely kódjában. Lefordítja a div-ek, egyszerűbbé, jobbá tenni.
Félnapos magával központosító kép :)
Helyezze azt a div volt teljesen helytelen! Ez egy szabályos img. amelynek célja, hogy a középpontban a dokumentumot.
text-align: center nem alkalmazható rá.
vízszintes igazítása - nem.
igazítsa - nem.
Próbáltam egy csomó lehetőség, különböző DOCTYPE ...
A végén én köpött készült ... :)
De én nem akarom, hogy készítsen extra lényeg!
Ez nekem, hogy az a tény, hogy ez a címke központok. És ez :) Nem CSS-ek nem szükséges.
2Victor Gr.:
ha a kép, például, a
majd írjuk a stílus css
div # központ img
és a kép középre.
void, nem működik
24, kösz, most megy érvényesítése.
Azok számára, akik nem vették észre - nem volt mezőkészlet és űrlap elemek (címke bemenet ...) voltak a formában, valamint egy széles lógott ki egy blokk elem. Ahogy XHTML1.1 oldalas dokumentum nem ment át az ellenőrzésen.
Megadhat egy relatív jobbra. ahelyett, csomagolás őket abszolút.
A szabvány XHTML 1.1 verzió margin: auto táblázatokra alkalmazott nem folyamatos))), és ez szükséges a táblázatos elrendezés. Azt találtam ki ezt a:
Az utolsó cella nincs beállítva, és a szélessége a táblázat - 100%, így központosítás révén elért bővítése a bal és jobb sejtek a kívánt értékre. Cross-browser, érvényessége, támogatását és érdeklődését, és egy fix szélességű.
A francba, a kód nem mutatja meg. Aztán megint, alkalmazva a hatás helyett a szögletes zárójel:
| style = „width: a kívánt értéket százalékban vagy pixelben”> tartalom |
vízszintes központosító kapott nem olyan jó, ha a fix blokk szélessége. Odamegy a bal szélén a képernyőn görgetés nélkül, egy kis ablak méretét. hogyan lehet megkerülni ezt?
És van egy ilyen lehetőség. Tarblitsa létre, egy sora és három sejtek. Jobb és bal szélességet 50%. A központi nélkül méretét. És mivel a tartalmát oldalán szimmetrikusan fog változni.
Szia, hogyan lehet középre a menü a honlapon keresztül css? megy az oldalamon, és meglátod!
Előre is köszönöm