Flexión suave
Organiza tus páginas con colecciones
Guarda y categoriza el contenido según tus preferencias.
Es una técnica de centrado que solo alinea el contenido y no cambia su tamaño durante el proceso.
Consulta el artículo completo para conocer más detalles sobre esta técnica y cuándo es eficiente.
Artículo completo · Video en YouTube · Fuente en GitHub
HTML
<article class="gentle-flex">
<h1>Gentle Flex</h1>
</article>
CSS
.gentle-flex {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
gap: 1ch;
}
Salvo que se indique lo contrario, el contenido de esta página está sujeto a la licencia Atribución 4.0 de Creative Commons, y los ejemplos de código están sujetos a la licencia Apache 2.0. Para obtener más información, consulta las políticas del sitio de Google Developers. Java es una marca registrada de Oracle o sus afiliados.
Última actualización: 2024-03-13 (UTC)
[[["Fácil de comprender","easyToUnderstand","thumb-up"],["Resolvió mi problema","solvedMyProblem","thumb-up"],["Otro","otherUp","thumb-up"]],[["Falta la información que necesito","missingTheInformationINeed","thumb-down"],["Muy complicado o demasiados pasos","tooComplicatedTooManySteps","thumb-down"],["Desactualizado","outOfDate","thumb-down"],["Problema de traducción","translationIssue","thumb-down"],["Problema con las muestras o los códigos","samplesCodeIssue","thumb-down"],["Otro","otherDown","thumb-down"]],["Última actualización: 2024-03-13 (UTC)"],[],[]]