Nasıl Yapılır - Merkez Web Sitesi
CSS ile web sitenizi yatay olarak nasıl ortalayacağınızı öğrenin.
Merkez Web Sitesi
Web sitenizi yatay olarak nasıl ortalayacağınızı öğrenin:
Bu örnek, 500 pikselden daha geniş ekranlarda yatay olarak ortalanmıştır.
Web Sitenizi Nasıl Merkezlersiniz?
Bir kapsayıcı öğesi kullanın ve belirli bir max-width
. Birçok web sitesinin kullandığı ortak genişlik 960 pikseldir. Sayfayı gerçekten ortalamak için margin: auto
.
Aşağıdaki örnek, web sitesini 500 pikselden daha geniş ekranlarda ortalayacaktır. Genişliği 500 pikselden az olan ekranlarda, tüm sayfaya yayılacaktır:
Örnek
<style>
.content {
max-width: 500px;
margin: auto;
}
</style>
<body>
<div class="content">
<!-- Page content -->
</div>
</body>
W3Schools Spaces'ı hiç duydunuz mu? Burada web sitenizi sıfırdan oluşturabilir veya bir şablon kullanabilir ve ücretsiz olarak barındırabilirsiniz.
Ücretsiz başlayın ❯* Kredi kartına gerek yok