<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body bgcolor="999999">
<section>
<div id="image">
</div>
<div>
<a href="javascript:image(linhas,colunas,matriz);">
Clique aqui para inserir a grade
</a>
</div>
</section>
</body>
</html>
<script>
var linhas = 2;
var colunas = 3;
var matriz = new Array(colunas);
for (var i = 0; i < colunas; i++)
matriz[i] = new Array(linhas);
function image(linhas,colunas) {
for(var i = 0; i < linhas; i++){
for(var j = 0;j < colunas; j++){
matriz[i][j] = document.createElement("IMG");
matriz[i][j].src = "balao.png";
document.getElementById('image').appendChild(matriz[i][j]);
}
}
}
function pula_linha(){
document.getElementById("divExibir").innerHTML = "<br>";
}
</script>
<style>
image{
width: 100px;
background: gold;
word-wrap: break-word;
}
</style>
Estou precisando criar uma matriz de imagem mas quando insiro ela em uma div ela fica horizontal, ex:
está ficando assim
0 0 0 0 0 0
queria que ficasse assim
0 0 0
0 0 0