我在这里有一个jsFiddle,请使用Internet Explorer和其他主要浏览器打开:
现在在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%;
}
Below is jQuery/HTML code:
$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);' />");
body{text-align: center;}
可以使您的整个页面居中。 - jogesh_pi