Hogyan készítsünk egy egyszerű vízszintes menü css
Az egyetlen dolog, amit hozzá kíván adni, a legfontosabb dolog, ami a vízszintes menü vízszintes vonal float: left a tartályban nav> ul> li. Ha nem regisztrálja az ingatlan, akkor a menü függőleges lesz.
Ennek eredményeként, akkor kap ez a fajta menü:
Vízszintes menü van írva. Elvileg ez elég, de meg kell tennie, hogy menüt az oldal közepére? Nézzük meg ezt a lehetőséget.
Igazítja a vízszintes közepén a menü
Az általános elv:
Mozgassa a tartalmát a lista segítségével ul tulajdonságok:
Középre a menü, csúszó menüpontok li:
De van egy dolog. Ha már regisztrált ezeket a tulajdonságokat, akkor kisebb lesz a görgetés. Bár scroll vízszintesen látszólag semmi, és a mi vízszintes menü jelenik meg helyesen. Ez annak a ténynek köszönhető, hogy a lista ul valóban eltolódott.
Ennek elkerülése érdekében a felesleges félreértések felírni szülő konténer lista, nevezetesen nav. overflow tulajdonság: rejtettek. A tulajdonság, elrejtjük a tartalmakat, amelyek határait.
Mint látható, levelet menü egyszerű hely nem olyan nehéz. A központ még könnyebb. Remélem, jól fog jönni ez a lecke.