查找集中的表的左边距值

时间:2014-11-07 09:16:04

标签: jquery css ruby-on-rails tabular wicked-pdf

我有变量列表,这意味着表的列是动态的。列的nimber将根据表是集中的而不断变化,所以现在表的左边距离会随着列的变化而不断变化。

现在我想计算左边的表边距值,因为它随着列数的变化而变化,而且对于你的信息,我还没有将任何边距左边的值设置为表格。

我打算计算表格的左边距离是我需要将计算出的margin-left值应用到另一个段落以使对齐正确;是的。

我已经使用jQuery来计算表格的左边距值,但它没有得到这个值。

<%= javascript_include_tag "http://code.jquery.com/jquery-1.10.0.min.js" %>
<%= javascript_include_tag "http://code.jquery.com/ui/1.10.3/jquery-ui.min.js" %>
<script>
  $(document).ready(function() {
    var sp =  parseInt($("#table123").css("margin-left"));
    var paddT = $('#text123').css("margin-left", sp + 'px' );
  });
</script>

查看图像,您将了解放置在表格上方的文本未与表格对齐。这就是我需要实现的目标,现在我已经告诉左边的表边距将随着表格集中的列数变化而不断变化,表格的位置会发生变化。请问有人可以帮帮我吗?

enter image description here

2 个答案:

答案 0 :(得分:0)

尝试:

$("#table123").offset().left

答案 1 :(得分:0)

您可以使用以下脚本获得保证金。

var $table = $('table');
var margin = $table.css('margin-top') + ' ' + $table.css('margin-right') + ' ' + $table.css('margin-bottom') + ' ' + $table.css('margin-left');

小提琴:http://jsfiddle.net/kiranvarthi/yca5q8mv/

仅适用于保证金顶部脚本:

var $table = $('table');
var marginTop = $table.css('margin-top');

http://jsfiddle.net/kiranvarthi/yca5q8mv/1/