CSS justify-content Örnek

<!DOCTYPE HTML> <html lang="en-US"> <head> <meta charset="UTF-8"> <title>css justify-content özelliği ve örnek uygulama</title> <style type="text/css"> #anakutu { width: 300px; height: 250px; border:2px solid black; display: -webkit-flex; -webkit-justify-content: space-between; display: flex; justify-content: space-between; } #anakutu div { width: 50px; height: 50px; } </style> </head> <body> <div id="anakutu"> <div style="background-color:red;"> </div> <div style="background-color:green;"> </div> <div style="background-color:blue;"> </div> <div style="background-color:pink;"> </div> </div> <p> <b>Hatırlatma:</b> Internet Explorer 10 ve öncesindeki versiyonları bu özelliği desteklemiyor.</p> <p> <b>Hatırlatma:</b> Safari 6.1 ve sonrasındaki versiyonlarında -webkit takısı ile birlikte kullanılabilir.</p> </body> </html>

Yorumlar

Bu blogdaki popüler yayınlar

HTML details Etiketi

HTML del Etiketi

HTML canvas Etiketi

Linklerin Renklerini Değiştirme Örnek

Eski tarayıcılarda kod gizleme ve kod satırını bölme Javascript

HTML main Etiketi

CSS content Özelliği

HTML yorum etiketi ile öğe gizleme örneği