Ir para conteúdo

POWERED BY:

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

Dan Almeida

SPAN na mesma linha independente do número de objetos

Por , em Desenvolvimento frontend

Recommended Posts

Dan Almeida    0

Dan Almeida
Postado

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>

Abraços!

Compartilhar este post

Link para o post
Compartilhar em outros sites
Ir para a lista de tópicos Desenvolvimento frontend
×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.

  Aceito