我有一个元素应该水平居中到另一个元素。居中元素的CSS是这样的(我删除了不相关的代码):相对于另一个元素居中元素
#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";
但这是关闭的。有任何想法吗?
...为什么不只是给双方的div相同的风格?所有你需要的是宽度:75%和文本对齐:在 –
的中心是的,但在我的代码(不是这里),它不是文本。 – MasterBob
很难帮助一个误导性的例子,但你可以尝试显示:内联块和边距:0自动;在你想要的图像或元素中心 –