Usamos cookies para medir audiência e melhorar sua experiência. Você pode aceitar ou recusar a qualquer momento. Veja sobre o iMasters.
Salve, salve!!!
Pessoal, preciso que os spans fiquem na mesma linha, independente da quantidade de objetos. Mesmo definindo o width da div como auto, está havendo quebra de linha.
Apenas para deixar claro, estarei usando PHP, que buscará imagens em um bando de dados e criará um <span> para cada imagem encontrada. Para interferir no layout, gostaria que não houvesse quebra de linha.
Estou usando overflow (scroll) na div.
Alguém poderia ajudar?
Segue o código:
<html>
<head>
<style type="text/css">
#div_1 {
height: 140px;
width: 350px;
margin: auto;
border: 1px black solid;
overflow-y: hidden;
overflow-x: scroll;
}
#div_3 {
float: left;
height: 140px;
width: auto;
margin: auto;
overflow-y: hidden;
overflow-x: scroll;
}
.div_2 {
height: 100px;
width: 100px;
border: 1px solid #A2A2A2;
float: left;
display:inline;
}
</style>
</head>
<body>
<div id="div_1">
<div id="div_3">
<span class="div_2">1</span>
<span class="div_2">2</span>
<span class="div_2">3</span>
<span class="div_2">4</span>
<span class="div_2">5</span>
<span class="div_2">6</span>
<span class="div_2">7</span>
<span class="div_2">8</span>
<span class="div_2">9</span>
<span class="div_2">10</span>
<span class="div_2">11</span>
<span class="div_2">12</span>
<span class="div_2">13</span>
<span class="div_2">14</span>
<span class="div_2">15</span>
</div>
</div>
</body>
</html>Carregando comentários...