表单元素不会移动到中心

我有我的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元素，甚至没有移动到中心。

我在哪里犯错？

来源

2013-03-26 batman

试试这个： .center { 文本对齐：中心; } 或将div标记替换为

... – 2013-03-26 07:28:41

这是中心，但因为DIV是块元素，你无法找出区别，除非你给了某些宽度（Example与指定的宽度）

那么试试这个

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

DEMO

来源

2013-03-26 07:29:20 Sowmya

试一下这个

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

来源

2013-03-26 07:30:59

添加文本对齐：中心到div容器..

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

小提琴：http://jsfiddle.net/xhjHS/

来源

2013-03-26 07:31:47

使用中心标记形式标记之前。

<center> 
<form></from> 
</center>

来源

2013-03-26 07:35:28 XTGX

表单元素不会移动到中心

回答

相关问题