Question

我的jQuery中有两个函数，它们管理两个按钮，然后显示它们。我想要的是按钮显示在中间，但align=center不起作用。有谁知道如何在我的jQuery代码中执行此操作？

下面的jQuery代码：

function insertQuestion(form) {   

    var $answer = $("<table class='answer'></table>");

    $('.allBtns:first-child').each(function() {
        var $this = $(this);
        var $allBtnsClass = '';

        $allBtnsClass = $("<input class='allBtns btnsAll' type='button' style='display: inline-block;' value='Select All Answers' onClick='selectAll(this);' />")
            .attr('name', $this.attr('name'))
            .attr('value', $this.val())
            .attr('class', $this.attr('class'));
        }

        $answer.append($allBtnsClass);
    });

    $('.allRemoveBtns:first-child').each(function() {
        var $this = $(this);
        var $removeBtnsClass = '';

        $removeBtnsClass = $("<input class='allRemoveBtns btnsRemove' type='button' style='display: inline-block;' value='Remove All Answers' onClick='removeAll(this);' />")
            .attr('name', $this.attr('name'))
            .attr('value', $this.val())
            .attr('class', $this.attr('class'));
        }

        $answer.append($removeBtnsClass);
    });

    $tr.append($answer);   
}

Answer 1

我不知道这是您唯一的问题，但是您将按钮放在table;表不应直接包含input个元素。我觉得你还不需要桌子。如果您将容器元素设为div（例如，使用类answers），则可以在样式表中使用此样式：

.answers { text-align: center; }

然后，如果您停止在display: inline-block按钮上设置input，则默认情况下它们应显示为内嵌，然后容器的text-align: center应注意将它们居中。

您的JavaScript也包含太多}个。只有在与{ s配对时才需要它们。

我希望有所帮助。

如何将这些按钮居中

1 个答案: