У меня есть элемент, который должен быть расположен по горизонтали к другому элементу. CSS для центрированного элемента так (я удалил uneccesary код):Центрирование элемента по отношению к другому элементу
#center-element{
display: flex;
flex-direction: column;
align-items: stretch;
position: absolute;
}
Я должен сделать это, используя ваниль JS. Я пробовал:
var targetPos = target.getBoundingClientRect();
centerDiv.style.top = (targetPos.top + targetPos.height) + "px";
centerDiv.style.left = (targetPos.left + (targetPos.width/2)) + "px";
Но это не работает. Есть идеи?
... почему бы просто не дать обе дивы в том же стиле? Все, что вам нужно, это ширина: 75% и выравнивание текста: центр на обоих –
Да, но в моем коде (не здесь) это не текст. – MasterBob
трудно помочь с вводящим в заблуждение примером, но вы можете попробовать отобразить: встроенный блок и margin: 0 auto; на изображении или элементе, который вы хотите центрировать. –