1

我有一个带有 id 容器的 div 标签。如何使用 jquery 或 javascript 找到它的中心？

<div id="container"></div>

这是CSS

#container {
    width: 300px;
    height: 300px;
    border: 1px solid red;
}
4

4 回答 4

6

是这个吗？

var cX = $('#container').offset().left + $('#container').width()/2;
var cY = $('#container').offset().top + $('#container').height()/2;
于 2012-09-11T14:11:08.550 回答
2 
$(function(){
 var $this = $("#container");
 var offset = $this.offset();
 var width = $this.width();
 var height = $this.height();

 var centerX = offset.left + width / 2;
 var centerY = offset.top + height / 2;
 console.log(centerX ,centerY)

})
于 2012-09-11T14:13:22.363 回答
0

你应该检查：

  1. 宽度/外宽度
  2. 高度/外部高度
于 2012-09-11T14:11:29.810 回答
-1

jQuery way:

var div = $('#container');
var divCoords = { 
    x : div.width() * 0.5 , 
    y : div.height() * 0.5
};
于 2012-09-11T14:14:50.723 回答