4

ここに jsFiddle があります。Internet Explorer と他の 1 つの主要なブラウザーで開いてください。

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

jsFiddle で、[質問を追加] ボタンをクリックするだけで、下に行が追加されます。行には 2 つのボタンが表示されます。1 つは「Select All Answers」と呼ばれ、もう 1 つは「Remove All Answers」と呼ばれます。

現在、主要なブラウザでは、ボタンがテーブルの中央に配置されていますが、これは問題ありません。しかし、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 に答える