Çözüldü CSS ile .png Resim Hizalayamıyorum

sqruhqn

sqruhqn

Katılımcı Üye
18 Tem 2016
252
15
Ötüken
Merhaba, css ile .png resim hizalamada sorun yaşıyorum bunu nasıl çözebilirim
(merkeze hizalamaya çalışıyorum)
image0 ( 116. satırdaki resim)
image1 (sola kaymış resmi ortaya hizalamak istiyorum)
 
Tarihe göre sırala Oylara göre sırala
Profesör

Profesör

Kadim Üye
10 Nis 2020
5,091
1,607
-Türkistan-
Merhaba değerli üye,


Html bir kod yapısı kullanıyor iseniz aşağıdaki kodu editleyip kullanabilirsiniz..

HTML: 
<html>
<head>
<title>Hizalama</title>
</head>
<body>
<h2 align="right">Saga hizalama</h2>
<h2 align="left">Sola hizalama</h2>
<h2  align="center">Ortalama</h2>
<img src="../resimler/k_pau.jpg" align="right">
</body>
</html>
 
Oyla 0 Downvote
L

livcon

Üye
21 Tem 2021
155
87
21
sqruhqn' Alıntı:
Merhaba, css ile .png resim hizalamada sorun yaşıyorum bunu nasıl çözebilirim
(merkeze hizalamaya çalışıyorum)
image0 ( 116. satırdaki resim)
image1 (sola kaymış resmi ortaya hizalamak istiyorum)
Genişletmek için tıkla ...
Merhaba,

Benim çok sık denediğim bir yöntem var onu paylaşayım sizinle.

HTML kod:
HTML: 
<body>
    <div class="align-center">
        <img src="https://cdn.vox-cdn.com/thumbor/ULiGDiA4_u4SaK-xexvmJVYUNY0=/0x0:640x427/1400x1050/filters:focal(0x0:640x427):format(jpeg)/cdn.vox-cdn.com/assets/3218223/google.jpg">
    </div>
</body>


CSS kod:
CSS: 
img{
    width:200px;
    height:150px;
}

.align-center{
    display:flex;
    justify-content:center;
}

Sola yaslamak için justify-content: flex-start;
Sağa yaslamak için justify-content: flex-end;

Bunu deneyin, 100% çalışıyor ve sadece resimlerde değil div elementlerini hizalamak için de bunu deneyebilirsiniz.

Umarım yardımcı olabilmişimdir, iyi günler dilerim :)
 
Oyla 0 Downvote
Üst

Turkhackteam.org internet sitesi 5651 sayılı kanun’un 2. maddesinin 1. fıkrasının m) bendi ile aynı kanunun 5. maddesi kapsamında "Yer Sağlayıcı" konumundadır. İçerikler ön onay olmaksızın tamamen kullanıcılar tarafından oluşturulmaktadır. Turkhackteam.org; Yer sağlayıcı olarak, kullanıcılar tarafından oluşturulan içeriği ya da hukuka aykırı paylaşımı kontrol etmekle ya da araştırmakla yükümlü değildir. Türkhackteam saldırı timleri Türk sitelerine hiçbir zararlı faaliyette bulunmaz. Türkhackteam üyelerinin yaptığı bireysel hack faaliyetlerinden Türkhackteam sorumlu değildir. Sitelerinize Türkhackteam ismi kullanılarak hack faaliyetinde bulunulursa, site-sunucu erişim loglarından bu faaliyeti gerçekleştiren ip adresini tespit edip diğer kanıtlarla birlikte savcılığa suç duyurusunda bulununuz.