在水平和垂直居中的div上方注入文本

我的页面上有一个div，我希望通过jQuery在这个div上面叠加一个文本。 此文本必须水平和垂直居中。 我需要这个向用户显示该区域被允许删除其中的文件。

 Lorem ipsum blah blah... Lorem ipsum blah blah... Lorem ipsum blah blah... Lorem ipsum blah blah... Lorem ipsum blah blah... Lorem ipsum blah blah...  

JsFiddle： http ： //jsfiddle.net/Dd2jq/

我不知道如何继续在我的div上面注入一个文本。 我知道我们有附加jQuery函数但不知道如何继续。

任何帮助都非常感激。

Answer 1

您可以使用新的jQuery.position()函数使其变得非常简单：

 var $span = $('').text('Hello, world'); $span.position({ of: $('.dropzone') }); 

这里看起来很简单，因为默认情况下跨度居中。

但是……新的position（）函数可以让您对定位进行大量控制（并且易于使用）。

注意：

此function已添加到1.8版的jQuery UI中。

这是一个小提琴 。

Answer 2

这是你想要的？ 小提琴

 var text = 'Some text here'; var span$ = $('').text(text); var div$ = $('.dropzone'); var position = div$.position(); $('body').append(span$); span$.css( {position:'absolute', left:position.left + (div$.width() / 2) - (span$.width() / 2) , top:position.top + (div$.height() / 2) - span$.height() /2, zIndex:10000, background:'#ffffff'}); 

Answer 3

可能的解决方案：

 $(".dropzone").before("
test!
");