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
Yorum Gönder