缩小手中卡之间的空间

时间:2013-11-18 04:43:47

标签: javascript jquery html css

我试图将牌的张开限制在玩家手中,限制在持有者的宽度,在这种情况下为45em(10px字体)。我试图通过给margin-right和margin-left赋予负值来实现这一点。对于我如何依赖于我移动卡片的“中心”卡片,它并没有很好地工作。

这是我正在尝试的代码。

Template.playerHand.rendered = () ->
    hand = this.findAll '.card'
    size = this.cards().count()
    center = Math.ceil (size / 2)
    margin = size / -2
    if size > 5
        $(hand).each (el) ->

            if (el+1) < center
                $(this).css "margin-right", "#{margin}em"

            if (el+1) > center
                $(this).css "margin-left", "#{margin}em"
    else
        $(hand).each () ->
            $(this).css 
                "margin-left": 0
                "margin-right": 0

这是否有任何数学运算?

0 个答案:

没有答案