Como você cria uma div oculta que não cria uma quebra de linha ou espaço horizontal?
Este post discutirá os seguintes métodos:
- Método 1: Crie uma div oculta utilizando a propriedade "Display" CSS
- Método 2: Crie uma div oculta utilizando a propriedade "visibilidade" do CSS
Método 1: Crie uma div oculta utilizando a propriedade "Display" CSS
Para criar uma div oculta que não cria um espaço horizontal de quebra de linha, use o “mostrar”Propriedade com o valor“nenhum”.
Para a demonstração, confira as etapas fornecidas.
Etapa 1: Adicionar cabeçalho
Adicione um título com a ajuda de
marcação. Em seguida, adicione os dados entre a tag de título.
Etapa 2: Adicione dados na tag de parágrafo Etapa 3: Crie um contêiner Linuxhint Ltd UK Linuxhint fornece o melhor conteúdo em diferentes categorias. Saída Agora, vamos ocultar o contêiner adicionado. Etapa 4: ocultar contêiner div Acesse a classe utilizando o seletor de pontos com o nome da classe como “.Hide-Div" aplicar "mostrar”Propriedade CSS e defina o valor como“nenhum”Para esconder a div. Pode -se observar que o contêiner adicionado agora está oculto e não cria uma quebra de linha ou espaço horizontal: Método 2: Crie uma DIV oculta, utilizando a propriedade "visibilidade" do CSS O CSS “visibilidade”A propriedade é usada especificamente para mostrar ou ocultar um elemento HTML sem alterar o layout do documento. Para criar uma div oculta usando o “visibilidadePropriedade, adicione o seguinte código no arquivo CSS: Agora, acesse o contêiner div usando o “.Hide-Div”E aplique o“visibilidade”Propriedade e defina seu valor como“escondido”. Saída Você aprendeu sobre o método para criar uma div oculta, utilizando as propriedades do CSS. Conclusão Para criar uma div oculta que não cria uma quebra de linha ou espaço horizontal, primeiro, crie uma div, utilizando o “" marcação. Depois disso, aplique o “mostrar”Propriedade CSS e defina o valor como“nenhum”Para esconder a div. A segunda abordagem é usar o “visibilidade”E defina seu valor como“escondido”. Este post foi sobre criar uma div oculta sem perturbar o layout do documento.
Em seguida, insira uma tag de parágrafo utilizando o “
Agora, crie um contêiner div com a ajuda do “”Tag e adicione uma“eu ia”Atributo como o nome da classe:
Categorias como docker, html/css, javascript e muito mais
Mostrar nenhum;
Visibilidade: escondida;