Jak na to – webové stránky centra
Naučte se, jak vycentrovat web vodorovně pomocí CSS.
Web centra
Přečtěte si, jak vycentrovat web vodorovně:
Tento příklad je vodorovně vycentrován na obrazovkách, které jsou širší než 500 pixelů.
Jak vycentrovat svůj web
Použijte prvek kontejneru a nastavte konkrétní max-width
. Běžná šířka, kterou mnoho webových stránek používá, je 960 pixelů. Chcete-li stránku skutečně vycentrovat, přidejte margin: auto
.
Následující příklad vycentruje web na obrazovky, které jsou širší než 500 pixelů. Na obrazovkách, které jsou méně než 500 pixelů široké, bude pokrývat celou stránku:
Příklad
<style>
.content {
max-width: 500px;
margin: auto;
}
</style>
<body>
<div class="content">
<!-- Page content -->
</div>
</body>
Slyšeli jste někdy o W3Schools Spaces ? Zde si můžete vytvořit svůj web od začátku nebo použít šablonu a hostovat jej zdarma.
Začněte zdarma ❯* není vyžadována žádná kreditní karta