Áttekintés haslayout
Mi az a HasLayout és miért olyan fontos ez?
Néhány hiba az Internet Explorer lehet megkerülni beállításával elem „elrendezés”. A legtöbb ember nincs tisztában az értékek a „elrendezés” alkalmazzák az elem. Ez a dokumentum leírja, hogy mi történik, ha egy elem tartalmaz egy „elrendezés” és annak következményeit.
A szó elrendezés lehet fordítani a „elrendezés”, de ebben az összefüggésben azt jelenti, hogy a belső szerkezet IE adatokat. A félreértések elkerülése érdekében a használt terminológia a cikk elrendezés nevezik „elrendezés”.
Először is, van két elem.
- Elemeket, amelyek támaszkodnak a szülők méretének meghatározására és szervezi azok tartalmát.
- Elemeket, amelyek felelősek a mérete és elrendezése saját tartalom.
Azokat az elemeket, az Internet Explorer nem megszervezéséért felelős magukat. címke
Lehet, hogy olyan helyzetben, mint a forráskód és a dokumentum patak, de a tartalom megrendeléseket legközelebb őse egy elrendezés (általában). Ezek az elemek támaszkodnak a őse tette számukra a kemény része nagyságának meghatározása és mértékegységek.
Olyan elem, amely felelős a méretét és helyét az összetevők lehetnek az előd, és nem csak a közvetlen őse lehet. A fő előnye az egyes tételt, amely nem rendelkezik saját elrendezés, a teljesítmény és az egyszerűség.
Tehát ez azt jelenti, „van elrendezés”?
- Röviden, a felvétel az elrendezés azt jelenti, hogy egy elem felelős a mérete és elhelyezése magát, és esetleg olyan gyermek elemek (ha a gyermek elem saját elrendezést, akkor ez határozza meg a méretet).
- Néhány „fix” elemek, más szóval, amelynek a megengedett méretet mindig elrendezést. Például, gombok, képek, mezők, címkék és mindig eredeti méretét, ha a szélesség és a magasság kifejezetten megadva.
- Néha az elemek, amelyek általában nem igényel információt az elrendezés, mint a
Miért elrendezése olyan fontos?
Mely elemek mindig van egy elrendezés?
- A fényképek.
- Táblázatok a sorokat (
Milyen elemek kaphat az elrendezés?
- Blokk elemek szélességének vagy magasságának szigorú módban.
- Bármely tag egy előre meghatározott szélességű, vagy magasság a kompatibilitási módban.
- Elemet, amely be van állítva zoom funkciót.
- Elements szerkesztés módban.
- Elemek vannak, amelyek viselkedése viewlink.
- Annak érdekében, hogy a kimeneti eltér a szülő (jobbról balra helyett balról jobbra).
Jelentés HasLayout
Ez a link egy lista az ismert megoldásokat, amelyekkel meghatározott elrendezés nélkül látászavarok. Ha láttad, vagy használják őket, és tudod, hogy a következményeket.
1. forgatókönyv: Wrap
Tekintsük a következő kódot
Gyors róka ugrott át a lusta kutyát.
Gyors róka ugrott át a lusta kutyát.
Gyors róka ugrott át a lusta kutyát.
Gyors róka ugrott át a lusta kutyát.
Gyors róka ugrott át a lusta kutyát.
Mit várunk?
- Szöveg szépen körbe a bal lebegő
Mi történik, amikor alkalmazza az elrendezést a szöveget?
- Alkalmazás elrendezést állítja téglalapokként.
- Szöveg nem folyik körül hosszabb
Ez nagyon fontos, mert tönkreteszi a várható viselkedését a jelölő szöveg (elképzelhető, hogy be van húzva, hogy az elrendezés tag
Mit várunk?
elhelyezni abszolút, kapcsolódik a tartalmat egységet, és eltávolítjuk a folyam.Mi történik, ha alkalmaz egy elrendezést
most már a saját elrendezés és teljesen figyelmen kívül hagyja az összes „követelmények” a szülő.Forgatókönyv 3. helyzet: a relatív
Nézzünk egy példát, ahol a hasLayout használják, hogy megkerülje a hibát.
Arra számítunk, hogy IE, a következő eredményt.
- Megkapjuk a szilárd kék vonal vastagságát 4px (összeesik, mivel a gyermek elemet eltávolítjuk a stream).
- Piros keret tartalmaz egy képet a zöld határon.
Meg kell kinéznie.
Az IE6, mi vár egy meglepetés.
- Egy kép viszonylag pozicionált elem függ a szülő, aki meg kell határoznia, hogy hol helyezze el.
- -ban
Hagyományosan, megpróbáljuk megoldani ezt a problémát a telepítés elrendezést.
Az eredmény így néz ki.
- A kép most, ahol lennie kell (a legfelső szintű elrendezés állítani a megfelelő helyzetben a lebegő elem, és a képeket).
most már a nem kívánt mellékhatások:
- Kék keret nem esik össze, ahogy kellene, az elrendezés már kiterjed egy kép és egy lebegő elem.
- Minden szöveg körül folyik a lebegő elem blokkolja.
- termelékenység költségeit a forgatókönyv kicsik, de ha őket 50. oldalon megkapod a pontot.
Ez a forgatókönyv nem annyira, hogy úgy tenne (kivéve talán felesleges helyzetbe. Relatív). Nem azt, hogy csökkenne a hasLayout bejárási hibák IE6, de csak megpróbálta elmagyarázni, hogyan lehet megoldani a problémát. Ideális esetben az összes ezeket a problémákat meg kell oldani, ha nem IE7, akkor a jövőben változatban.
Próbáltam megmagyarázni néhány belső működését és mellékhatásai hasLayout. Már felsorolt milyen elemeket építettek az elrendezés, és ha normális elemek kapni. Végül, már tárgyalt hatásait elrendezése és példákat, hogy mi történik az elemekkel.
Ideális esetben a felhasználó nem tudni ezt a funkciót, mivel ez főleg az IE, hogy végre CSS elhelyezése. Azonban kiderült, hogy a „gyógymód” a néhány hiba IE. Ez a funkció nem zavarja a CSS specifikáció, hiszen belső használatra szánt végrehajtására a specifikáció (bár a hibákat). Ezt szem előtt tartva, szeretném megvilágítani a következmények az elrendezés.
köszönöm
Szeretnék köszönetet mondani a Web Standards Group (WaSP) a támogatást és visszajelzést ezt a cikket. Különösen szeretném megköszönni Dean Edwards és Chris Wilson az azok felülvizsgálatára. Köszönöm Holly Bergevina, Ingo Chao, Bruno Fassino, John Gallant, George és Philip Sortuna Uittenberga részletes vita a cikket. Célja, hogy bővítse a közösség erőfeszítések további információt és magyarázatot a rejtély „hasLayout”. Köszönet minden résztvevő számára.