Perguntas com a marcação «css-float»

Posicionar elementos à esquerda ou à direita de seus contêineres usando o atributo float CSS.

355
Como centralizo elementos flutuantes?

Estou implementando a paginação e ela precisa ser centralizada. O problema é que os links precisam ser exibidos como bloco, portanto, precisam ser flutuados. Mas então, text-align: center;não funciona neles. Eu poderia consegui-lo fornecendo o preenchimento div do wrapper à esquerda, mas cada...

216
Como mantenho flutuadores CSS em uma linha?

Eu quero ter dois itens na mesma linha usando float: lefto item à esquerda. Não tenho problemas para conseguir isso sozinho. O problema é que eu quero que os dois itens permaneçam na mesma linha, mesmo quando você redimensionar o navegador muito pequeno . Você sabe ... como era com as mesas. O...

129
Como criar exibição em grade / lado a lado?

Por exemplo, tenho alguma classe .article e quero visualizá-la como exibição em grade. Então eu apliquei este estilo: .article{ width:100px; height:100px; background:#333; float:left; margin:5px; } Esse estilo fará com que o artigo pareça lado a lado / grade. É um bom trabalho com altura...

127
Vantagens de usar display: inline-block vs float: left in CSS

Normalmente, quando queremos ter vários DIVs em sequência, usaríamos float: left, mas agora descobri o truque dedisplay:inline-block Exemplo de link aqui . Parece-me que display:inline-blocké uma maneira melhor de fazer align DIVsuma fila, mas existem algumas desvantagens? Por que essa abordagem é...

126
Flutuar certo e posição absoluta não funcionam juntos

Eu quero que uma div esteja sempre à direita da div pai, então eu uso float:right. Funciona. Mas também quero que ele não afete outro conteúdo quando inserido, então eu o uso position:absolute. Agora float:rightnão funciona, minha div está sempre à esquerda da div pai. Como posso movê-lo para a...

115
Empilhar DIVs um em cima do outro?

É possível empilhar vários DIVs como: <div> <div></div> <div></div> <div></div> <div></div> </div> Para que todos os DIVs internos tenham a mesma posição X e Y? Por padrão, todos eles vão abaixo uns dos outros, aumentando a posição Y...

97
Como posso parar de flutuar para a esquerda?

Eu tenho o seguinte código: <div style="float: left; width: 100%;"> <label style="float: left;">ABC</label> <input style="float: left; font-size: 0.5em;" type="button" onclick="addTiny(0,'Question_Text'); return false;" value="&#x25BC;" title="Editor" /> <input...

89
Divida a div em 2 colunas usando CSS

Tenho tentado dividir um div em duas colunas usando CSS, mas ainda não consegui fazê-lo funcionar. Minha estrutura básica é a seguinte: <div id="content"> <div id="left"> <div id="object1"></div> <div id="object2"></div> </div> <div...