Összehangolása oszlopok az azonos magasságú a css

A moduláris felépítés, még mindig sürgető probléma az elhelyezése a hangszórók. Ebben a cikkben lesz szó, hogyan lehet manipulálni a helyzetét és magasságát az oszlopról minimális erőfeszítéssel.

Például, mi az elrendezés két oszlopban - az első gumi, tartalmi és egyéb fix - a navigációs készüléket és egyéb másodlagos információkat.

Összehangolása oszlopok az azonos magasságú a css

Nem vagyok egy égitest blokk elrendezés, és egy hasonló probléma tűnt, egészen triviális. Ha fel a kódot az oldalsáv a fő tartalmat, a probléma könnyen megoldható a hagyományos árrés és úszó. De szeretnék a fő tartalma a kódot, mielőtt a háttér-információkat.

Először is, én oldotta meg a problémát „fejjel”, a táblázatok segítségével.

Minden munka asztalok és egy vonalba rendkívül egyszerű, mint a régi szép időkben. De a táblázatok használata ebben az összefüggésben szemantikailag helytelen.

Valahogy ismét visszatér a megoldás erre a problémára, eszembe jutott, hogy a CSS-tulajdonság kijelző egy asztal és table-cell attribútumokat. Egy adott display: table. elem lesz a tulajdonságait az asztalra, és display: table-cell megmondja a böngészőnek, hogy az elem úgy kell értelmezni, mint egy táblázat cellájában.

Egy hasonló hack lehetővé teszi, hogy megőrizze a szemantika elrendezés, a folyamat egyszerűsítése elhelyezése az oszlopok minimális. Ebben a forgatókönyvben, akkor gyorsan tetszőleges számú függőleges oszlopok az azonos magasságú, különösebb erőfeszítés nélkül, és a sámánizmus az árrés és úszó.

Értékelés - 5 szavazat - 8

Kapcsolódó cikkek