元素内部的居中元素(jQuery)

Question

<div class="preview">
  <span class="center">This will be centered</div>
</div>

预览具有固定宽度(120x120),但跨度可能包含任何内容(图像,文本).如何使用jQuery 垂直和水平居中？我查了一些片段,但它们都将"身体"内部的元素置于其他元素之内.如果可能的话,我想避免使用'插件'.

非常感谢!

Answer 1

最新的jQuery UI有一个位置组件:

$("#myDialog").position({
   my: "center",
   at: "center",
   of: window
});

Doc:http://jqueryui.com/demos/position/
获取:http://jqueryui.com/download

Answer 2

既然你不介意使用 jQuery，你可以使用Center Element 插件

就像这样做一样简单：

$(".preview").center();