Okuma süresi: < 1 dakika
İnternet sayfası hazırlarken resimleri ve içerikleri dikey olarak ortalamak biraz sıkıntı çıkartabiliyor. Oluşturmuş olduğunuz içeriği yardımcı eklentiler ile kolaylıkla yatay olarak sayfanın ortasına hizalayabilirsiniz ancak içeriği ve resimleri dikey ortalamak için genellikle kod yazmanız gerekmektedir. İnternette biraz araştırma yaptıktan sonra HTML kodları ile resim ve yazıları dikey ortalama işlemini bulabilirsiniz ancak bu biraz uzun sürebilir. HTML sayfaları nasıl ortalanır?
HTML resim ve yazıları dikey olarak ortalama nasıl yapılır?
HTML kodları ile yazıları ve resimleri dikey ortalamak için gereken doğru kodları bu yazımızda size sunarak zamandan tasarruf etmenizi amaçlıyoruz. Aşağıdaki kodları dikey olarak ortalamak istediğiniz içeriğin sayfa yapısında kullanın ve daha sonra İçerik Buraya Gelecek kısmına resim yada içerik ekleyin. Eklemiş olduğunuz içerik sayfada hem yatay hemde dikey olarak hizalanacaktır.
<!DOCTYPE>
<html>
<head>
<title>Teknobur</title>
<meta charset=”utf-8″ />
<style type=”text/css”>
.box {
width: 100%;
height: 100%;
display: table
}
.box p {
display: table-cell;
vertical-align: middle;
text-align: center
}
</style>
</head>
<body>
<div class=”box”>
<p>
İçerik Buraya Gelecek
</p>
</div>
</body>
</html>
Kodları doğru olarak kullandığınızda internet sitenizde istediğiniz bölüm dikey olarak ortalanacaktır.
