php - jQuery 居中（outerWidth 问题）：相同的代码另一个结果

Question

在 HTML 中，我创建了标题，我想使用绝对位置将其水平居中（因为它必须落在另一个元素上）。

我将使用以下代码document ready

$('.content').find('.title').each( function() {
   var h = $(this).find('h1');
   h.css('marginLeft', -(h.outerWidth()/2));
});

虽然我记录<h1>它输出 232px（在这种情况下），而实际输出应该是 242px。outerWidth 仅在使用以下 PHP 代码执行的标题中不正确：

echo (strlen($title) > 20 ? substr($title, 0, 20) . ".." : $title);

上面显示的相同 jQuery 代码在window resize. 当浏览器调整大小时，outerWidth 的结果也会被记录，而且，正确！

因此，我将尝试通过添加$(window).resize();到来创建某种 hack document ready，但这不起作用。

在这个 Stack Overflow 问题中，我发现window load必须使用 PHP 之后运行 jQuery。但是在窗口加载中添加$(window).resize();或完整的 jQuery 替换代码都不起作用..