4

我这里有一个 jsFiddle，请在 Internet Explorer 和其他主要浏览器中打开：

http://jsfiddle.net/6bv7j/1/

现在在 jsFiddle 中，只需单击“添加问题”按钮，它就会在下面添加一行。在该行中显示两个按钮，一个称为“选择所有答案”，另一个称为“删除所有答案”。

现在在主要浏览器中，按钮在表格中居中，这很好。但是在 Internet Explorer 中它不是居中的，它仍然是向左对齐的。是否有一段代码导致它不在 Internet Explorer 中居中，或者我是否需要添加一些内容才能使其在 Internet Explorer 中居中？

我试过float:center了，但这没有用。我不确定是否最好使用该align方法。

下面是代码的 CSS 和 jQuery/HTML：

.allBtnsRow{
    text-align:center;
    cursor:pointer;
    font-size:85%;
}

.allRemoveBtnsRow{
    text-align:center;
    cursor:pointer;
    font-size:85%;
}

下面是 jQuery/HTML 代码：

$BtnsClass = $("<input class='allBtnsRow btnsAll' type='button' value='Select All Answers' onClick='selectAll(this);' /><br/><input class='allRemoveBtnsRow btnsRemove' type='button' value='Remove All Answers' onClick='removeAll(this);' />");
4

2 回答 2

0

您不需要tr and td在div. 删除$row并附加到：$cell_$BtnClass$answer

// $row = $("<tr/>").appendTo($answer);
// $cell = $("<td/>").appendTo($row);

$BtnsClass = $("<input class='allBtnsRow btnsAll' type='button' value='Select All Answers' onClick='selectAll(this);' /><br/><input class='allRemoveBtnsRow btnsRemove' type='button' value='Remove All Answers' onClick='removeAll(this);' />");

$BtnsClass.appendTo($answer);
于 2012-12-27T04:31:07.423 回答
0

我不太确定您创建的结构是否“理想”，但.answer鉴于您现有的结构，我对 CSS 进行了一些更改：

CSS

.answer
{
    width: 110px;
    margin: 0 auto;
    border: 1px solid red;
}

测试：http: //jsfiddle.net/6bv7j/4/

于 2012-12-27T04:39:25.093 回答