Usamos cookies para medir audiência e melhorar sua experiência. Você pode aceitar ou recusar a qualquer momento. Veja sobre o iMasters.
Estou fazendo uma página que tenho vários boxes lado a lado.
Mas na última linha de boxes, ela não fica alinhada com as boxes acima. Não importa quantas linhas ou boxes hão, a última sempre fica desalinhada.
Já tentei resetar a margin e o padding, mas não vai.
Se eu colocar margin nas laterais, ela continua desalinhada na última fila.
o Código das boxes:
.content > div > div{display:inline-block;width:250px;vertical-align:top;margin:20 0 0;color:#323844;}
/applications/core/interface/imageproxy/imageproxy.php?img=http://i.imgur.com/0RbBwrv.png&key=d5fd33f486d556f5659fa5f6b8ecbc0cf9bf94d0317226f2ca98f80c8c3c1192" alt="0RbBwrv.png" />
Aqui na imagem da pra ver, a última linha não tem espaço nas laterais.
Na coluna acima, cada palavra que inicia na esquerda determina o início da box.
A fila de baixo deveria estar nessa reta.
Estou querendo alinhar as boxes. Mas na última fileira ela não fica alinhada, ficam todas coladas.
Olha esta foto.
É como se nas primeiras linha estivessem normais.
e na última linha estivessem coladas (sem padding ou margin left,side) elas estão sem padding e margin. mas pq não estão alinhadas como as de cima?
/applications/core/interface/imageproxy/imageproxy.php?img=http://i.imgur.com/ey3axH0.png&key=77b2e0b31a05afaee8877f433a8cfdc3f122c870f888cf276b8561b8b0e583b6" alt="ey3axH0.png" />
tem como postar o código html tbm?
Tem sim.
Está aqui.
O Código está fiel ao que tenho, exceto por 1 alteração, que não tem importância.
Alterei o width de 80% para 95, para ficar mais visível no jsfiddle.
.content > div{width:95%;margin:0 auto;}
Se você mover a barra vertical para esquerda e para a direita, vai ver q na primeira linha ela se ajusta automaticamente.
Mas, na segunda linha, elam ficam sempre juntas
show
Não entendi muito bem. rs