javascript - jquery中心div点

Question

我正在使用 jquery 创建一个 div，并试图将它集中在一个特定的点。div 中的文本是动态的，它不是以特定的父 html 为中心，而是我想将它集中在一个特定的点上。

所以基本上我有

var centerX = 100; // dynamically computer in my code
$('<div/>').text('sometext').css({'left': (centerPointX - $('#mydiv').width() / 2) + 'px'});

但是在渲染之前，它的宽度mydiv是未知的，所以我不确定如何以 x 点为中心。我需要一个相对于中心的外部容器吗？

Answer 1

首先$('#mydiv')，只有在DOM.

因此，您首先需要将元素注入到 中DOM，然后访问 width 属性。否则，当您尝试访问元素的 width 属性时，它将为 0。