Sử dụng flexWrap thuộc tính trong JavaScript đặt xem các mục linh hoạt có nên bọc hay không bằng JavaScript.
Ví dụ
Bạn có thể thử chạy mã sau để triển khai flexWrap thuộc tính trong JavaScript -
<!DOCTYPE html>
<html>
<head>
<style>
#box {
border: 1px solid #000000;
width: 120px;
height: 150px;
display: flex;
flex-wrap: wrap;
}
#box div {
height: 50px;
width: 50px;
}
</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 flexWrap property</p>
<button onclick = "display()">Set</button>
<script>
function display() {
document.getElementById("box").style.flexWrap = "nowrap";
}
</script>
</body>
</html>