0

私はWebプログラミングにとても慣れていません。

headタグ内に次のようなスタイルタグがあります。

<style type="text/css">
  .center {
      float: none;
      margin-left: auto;
      margin-right: auto;
  }

そして、私はtwitterブートストラップを使用します。私はブロックformの中に包まれていますdiv

<div class="center"
    <form>
      <fieldset>
        <legend>Legend</legend>
        <label>Label name</label>
        <input type="text" placeholder="Type something…">
        <span class="help-block">Example block-level help text here.</span>
        <label class="checkbox">
          <input type="checkbox"> Check me out
        </label>
        <button type="submit" class="btn">Submit</button>
      </fieldset>
    </form>
</div>

しかし、form要素は中央に移動することさえしませんでした。

どこで間違いを犯しているのですか？

4

4 に答える 4

1

これは中央に配置されますが、divはブロック要素であるため、ある程度の幅を指定しない限り、違いを見つけることはできません（指定された幅の例）

だからこれを試してみてください

 .center {
      float: none;
      margin-left: auto;
      margin-right: auto;
    text-align:center
  }
legend{
    text-align:left
}

デモ

于 2013-03-26T07:29:20.777 に答える
0

これで試してみてください

.center {
    float: none;
    margin-left: auto;
    margin-right: auto;
    text-align:center;
}
于 2013-03-26T07:30:59.430 に答える
0

text-align：centerをコンテナdivに追加します。

  .center {
      float: none;
      margin-left: auto;
      margin-right: auto;
      text-align:center;
  }

フィドル： http： //jsfiddle.net/xhjHS/

于 2013-03-26T07:31:47.323 に答える
0

フォームタグの前にセンタータグを使用します。

<center>
 <form></from>
 </center>
于 2013-03-26T07:35:28.387 に答える