0

我对网络编程很陌生。

我的标签中有一个样式标签，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>
 <form></from>
 </center>
于 2013-03-26T07:35:28.387 回答
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 {
    float: none;
    margin-left: auto;
    margin-right: auto;
    text-align:center;
}
于 2013-03-26T07:30:59.430 回答