Bardzo wyśrodkowany
Użyj metody place-items: center
, aby wyśrodkować element w obrębie elementu nadrzędnego.
Najpierw określ siatkę jako metodę wyświetlania, a potem wpisz place-items: center
w tym samym elemencie. place-items
to skrót umożliwiający ustawienie jednocześnie align-items
i justify-items
. Jeśli ma wartość center
, opcje align-items
i justify-items
mają wartość center
.
.parent {
display: grid;
place-items: center;
}
Dzięki temu treści będą idealnie wyśrodkowane w obrębie elementu nadrzędnego, niezależnie od jego rozmiaru.
<div class="parent">
<div class="box" contenteditable="">
:)
</div>
</div>
.parent {
display: grid;
place-items: center;
/* Just for parent demo size */
height: 100vh;
}
O ile nie stwierdzono inaczej, treść tej strony jest objęta licencją Creative Commons – uznanie autorstwa 4.0, a fragmenty kodu są dostępne na licencji Apache 2.0. Szczegółowe informacje na ten temat zawierają zasady dotyczące witryny Google Developers. Java jest zastrzeżonym znakiem towarowym firmy Oracle i jej podmiotów stowarzyszonych.
Ostatnia aktualizacja: 2023-10-25 UTC.
[null,null,["Ostatnia aktualizacja: 2023-10-25 UTC."],[],[]]