Código HTML, CSS y JS
Cuando le doy click a unos de los botones, que se muestre como flex-direction: row o column dependiendo donde le diste.
HTML donde pongo el contenedor flex y los elementos flex..
JS: Creamos las funciones para cuando le demos click hagan su funcion de poner en flex-direction: row o column;
CSS le damos al contenedor display flex y alos items flex-direction.
<div id="container">
<div id="item">1</div>
<div id="item">2</div>
<div id="item">3</div>
</div>
<button id="rowButton" onclick="rowButton()">Row</button>
<button id="columnButton" onclick="columnButton()">Column</button>
// variable
var items = document.getElementById('item');
// Creación de funciónes
function rowButton() {
if (items.style.flexDirection === "column") {
items.style.flexDirection === "row";
}
}
// Creación de otra función
function columnButton() {
if (items.style.flexDirection === "row") {
items.style.flexDirection === "column";
}
}
//CSS estios
#container {
display: flex;
}
#items {
flex-direction: row;
}