Jump to content
Fórum Script Brasil
  • 0

Exibir imagens lado a lado


nsouza

Question

5 answers to this question

Recommended Posts

  • 0

Bom,a questão se resume puramente a exibição,certo?

Div's são renderizadas por padrão com o atributo display como 'block' ou seja,como 'blocos' no navegador.Não permitem outros objetos na mesma linha. Mas o atributo display pode ser modificado,por exemplo,para 'inline'. Dessa forma é feita a exibição em linha e não ocorre a quebra de linha antes e depois do objeto.

Dê uma lida:

http://www.maujor.com/tutorial/propriedade-css-display.php

Nesse caso:

Uma div 'container',com a propriedade 'block'(ou seja,ficará fixa como referência para as divs com as imagens) e as divs com as imagens com a propriedade 'inline-block',ou apenas 'inline'.

Internamente,elas vão se ajustar automaticamente,devido à div container.

Se ainda sobrar alguma dúvida,ou não for exatamente isso,posta ai.

Abraços.

Link to post
Share on other sites
  • 0
Uma div 'container',com a propriedade 'block'(ou seja,ficará fixa como referência para as divs com as imagens) e as divs com as imagens com a propriedade 'inline-block',ou apenas 'inline'.

Então pelo que entendi, eu tenho que criar uma div 'contaniner' e dentro dela criou as outras div's atiando a propriedade inline, certo? Se minha div container tiver 600px,

as imagens passaram a preencher a linha debaixo.

Entendi certo?

Link to post
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Answer this question...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

Cloud Computing


  • Forum Statistics

    • Total Topics
      149390
    • Total Posts
      645880
×
×
  • Create New...