Como alterar o tamanho do DIV para corresponder ao conteúdo

Um DIV é uma tag HTML usada como um contêiner para outros objetos. Você pode especificar o tamanho do DIV no código CSS, aumentando ou diminuindo o seu conteúdo ou tendo o mesmo tamanho. O tamanho de um DIV é definido em pixels, por porcentagem ou em. A primeira opção fornece ao DIV um tamanho fixo que permanece o mesmo, independentemente do seu conteúdo. O segundo fornece um tamanho relativo com base em seu contêiner principal e o terceiro fornece uma posição relativa com base no tamanho da fonte. A propriedade automática é o valor padrão. Ele define as dimensões de um DIV automaticamente em uma Web.

Passo 1

Abra o arquivo HTML que você deseja modificar em um editor de texto, como o Bloco de Notas, o TextPad ou o EditPad.

Etapa 2

Role até a tag HEAD e digite o seguinte código. Isso cria um estilo que altera o tamanho do seu DIV para o tamanho do seu conteúdo:

Etapa 3

Encontre a etiqueta DIV que você deseja redimensionar automaticamente na etiqueta BODY. ‘Class = “redimensionar”‘ dentro da tag DIV para formatá-la da seguinte maneira:

Conteúdo

Referências

 

Você pode estar interessado:

Deixe um comentário