*   >> Leitura Educação Artigos >> science >> programação

Flutuante mais de um elemento HTML em uma linha

IntroductionIn muitos casos, você iria querer flutuar apenas um elemento ao final extremidade direita ou esquerda de uma linha. Pode haver momentos em que você gostaria de flutuar dois ou mais elementos de uma linha para a direita ou para a esquerda. Eu mostrar-lhe uma maneira conveniente de fazer isso neste article.You precisa conhecimentos básicos em HTML e CSS, a fim de entender esse article.Note: Se você não pode ver o código ou se você acha que alguma coisa está faltando neste artigo (link quebrado, imagem ausente), apenas contacte-me em [email protected].

Ou seja, contacte-me para o menor problema que você tem sobre o que você está nos reading.ExperimentLet supor que você tem três elementos SPAN e você quer a flutuar-los em outro em que foram digitados. Em um caso, você quer a flutuar-los para a direita e em outro caso, você quer a flutuar-los para a esquerda. Tente os seguintes dois exemplos de código. O primeiro é a flutuar-los para a direita e o segundo é a flutuar-los para a esquerda. Você espera que os três elementos SPAN a ser exibido no navegador na ordem em que foram digitados. Algum texto.

SPAN 1 SPAN 2 SPAN 3 Alguns textThe amostra segundo código: Algum texto. SPAN 1 SPAN 2 SPAN3 Alguns textResultFor o primeiro código dos elementos SPAN apareceu na ordem errada e oposta. Para o segundo código dos elementos SPAN apareceu na ordem certa. Conclui-se que quando você quiser flutuar mais de um elemento para a direita, em uma linha, se cada um dos elementos tem seu próprio CSS "float: right" par propriedade /valor, em seguida, os elementos serão flutuava na ordem oposta.

SolutionThe solução é colocar todos os elementos em um contendo elemento, e flutuar apenas o elemento que contém para a direita. A próxima pergunta é qual elemento é que vamos escolher? Um bom elemento é o elemento de objeto HTML. O elemento de objeto é um elemento para o uso arbitrário. Sempre que você quiser um elemento que não está na especificação HTML, você tem que fazer um com o elemento OBJECT. O elemento de objeto é um elemento complexo, mas para nosso propósito, você usá-lo em um elemento dum modo simples objeto é um elemento inline por padrão. Ele tem uma marca de início e fim.

Você simplesmente fazer o conteúdo do elemento Object, os elementos que deseja flutuavam. A ordem em que você digita os elementos é a ordem em que eles vão aparecer flutuou direita. O código a seguir ilustra isso: object {float: right} Algum texto. SPAN 1 SPAN 2 SPAN 3 Alguns textTry o c

Page   <<       [1] [2] >>
Copyright © 2008 - 2016 Leitura Educação Artigos,https://artigos.nmjjxx.com All rights reserved.