Расположение элемента - ссылка на более высокий компонент

Question

У меня есть какое-то приложение Angular со структурой, аналогичной приведенной ниже, и я бы знал, можно ли расположить divWhichShouldBeInCenterOf-appMainComponent в центре appMainComponent, используя css (в конце поста)?

appMainComponent
|
 -- internalComponent
    |
    --div
       |
       --component
        |
        --divWhichShouldBeInCenterOf-appMainComponent

CSS

position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);

Answer 1

position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);

этот CSS центрирует элемент и удаляет его из потока страниц.он будет находиться в центре ближайшего расположенного родителя

, что означает, что если какой-либо элемент между divWhichShouldBeInCenterOf-appMainComponent и appMainComponent имеет положение, отличное от статического, он будет использоваться в качестве ссылки для центрирования.