Alinhando um verticalmente dentro de um Considere a seguinte situação: você tem um aninhado dentro de um , como visto neste código: Por padrão, o será alinhado ao canto inferior esquerdo do Opção 1: Manipulação da altura da linha Defina a altura da linha do child seja igual à altura do Opção 2: posicionamento absoluto Aplique o posicionamento absoluto ao contêiner Consulte o artigo fornecido sobre como entender o alinhamento vertical para obter mais detalhes e técnicas adicionais.<div
id="theMainDiv"
style="
border:solid 1px gray;
cursor:text;
width:400px;
padding:0px;"
>
<span
id="tag1_outer"
style="
background:#e2e6f0;
padding-right:4px;
padding-left:4px;
border:solid 1px #9daccc;
font:normal 11px arial;
color:#3c3c3c"
>as</span>
</div>
#theMainDiv {
height: 20px; /* Set the div height for reference */
}
#tag1_outer {
line-height: 20px;
}
#theMainDiv {
position: relative; /* Apply relative positioning to the div */
}
#tag1_outer {
position: absolute;
top: 50%;
margin-top: -10px; /* Half the height of the child span */
}
Isenção de responsabilidade: Todos os recursos fornecidos são parcialmente provenientes da Internet. Se houver qualquer violação de seus direitos autorais ou outros direitos e interesses, explique os motivos detalhados e forneça prova de direitos autorais ou direitos e interesses e envie-a para o e-mail: [email protected]. Nós cuidaremos disso para você o mais rápido possível.
Copyright© 2022 湘ICP备2022001581号-3