संरेखण सामग्री का उपयोग करें एक लचीले कंटेनर के अंदर आइटम के बीच संरेखण सेट करने के लिए जावास्क्रिप्ट में संपत्ति।
उदाहरण
आप संरेखण सामग्री को लागू करने के लिए निम्न कोड को चलाने का प्रयास कर सकते हैं जावास्क्रिप्ट में संपत्ति -
<!DOCTYPE html>
<html>
<head>
<style>
#box {
border: 1px solid #000000;
width: 240px;
height: 150px;
flex-flow: row wrap;
align-content: space-around;
display: flex;
}
#box div {
height: 80px;
width: 80px;
}
</style>
</head>
<body>
<div id = "box">
<div style = "background-color:orange;" ID = "myID1">DIV1</div>
<div style = "background-color:blue;" id = "myID2">DIV2</div>
<div style = "background-color:yellow;" id = "myID3">DIV3</div>
</div>
<button onclick="display()"> Set </button>
<script>
function display() {
document.getElementById("box").style.alignContent = "space-between";
}
</script>
</body>
</html>