फ्लेक्स-दिशा का उपयोग करें जावास्क्रिप्ट में लचीली वस्तुओं की दिशा निर्धारित करने के लिए संपत्ति।
उदाहरण
आप flexDirection को लागू करने का तरीका जानने के लिए निम्न कोड को चलाने का प्रयास कर सकते हैं लचीली वस्तुओं की दिशा निर्धारित करने के लिए संपत्ति -
<!DOCTYPE html>
<html>
<head>
<style>
#box {
border: 1px solid #000000;
width: 450px;
height: 150px;
display: flex;
flex-direction: column;
}
#box div {
flex-grow: 0;
flex-shrink: 1;
flex-basis: 20px;
}
</style>
</head>
<body>
<div id = "box">
<div style = "background-color:orange;">DIV1</div>
<div style = "background-color:blue;">DIV2</div>
<div style = "background-color:yellow;" id="myID">DIV3</div>
</div>
<p>Using flexDirection property</p>
<button onclick = "display()">Set</button>
<script>
function display() {
document.getElementById("box").style.flexDirection = "row-reverse";
}
</script>
</body>
</html>