Css 多Div定心

Css 多Div定心,css,html,center,Css,Html,Center,我看了这么多关于这个的帖子,我不知道为什么它对我不起作用 .firstCell { float:left; width:40%; text-align:right; align:right; border:1px solid white; } .cell { float:left; width:auto; align:left; text-align:left; border:1px solid w

我看了这么多关于这个的帖子,我不知道为什么它对我不起作用

.firstCell
{
        float:left;
        width:40%;
    text-align:right;
    align:right;
    border:1px solid white;
}

.cell
{
    float:left;
    width:auto;
    align:left;
    text-align:left;
    border:1px solid white;
}

.newRow
{
    clear:both;
    width:100%;
}

.container
{
        width:100%;
        background-color:#DEEFF8;
        margin:0px auto;
}
所以,我基本上有这个:

<div class="container">
*Within this I have sections of like a form*
        <div style="width:400px;border:1px solid black;">
            <div class='firstCell'>File Name:</div>
            <div class='cell'><html:text property="fileName" /></div>
            <div class='cell' style='color:red;'>(Max 50 character)</div>
            <div class='newRow'></div>
            <div class='firstCell'>Copy Book Name:</div>
                <div class='cell'><html:text property="copyBookName"/></div>
            <div class='newRow'></div>
                <div class='firstCell'><html:button property="populateFields" value="Populate Fields" onclick="showFields();"/></div>
            <div class='newRow'></div>
            <div class='newRow'></div>

        </div>

        *So this is one section, what I would like to happen is to position my form elements in this and then have it all be centered on the main div



</div>

*在这里面,我有一些类似表单的部分*
文件名:
(最多50个字符)
抄本名称:
*这是一个部分,我想做的是把我的表单元素放在这里,然后把它们都放在主div的中心

你的主容器有100%的宽度,不管你是否将其居中,它仍然会从最左边开始绘制。它内部负责左对齐框的div没有id/class,您也没有对其进行对齐。从技术上讲,你的主容器是居中的,但里面的所有东西都是左对齐的。

你的意思是这样的吗


要理解你想把什么放在中心位置有点难。我所做的只是将
margin:0 auto
添加到container的子div中。

您需要了解您正在使用的各种元素以及它们是如何工作的。你发布的内容毫无意义
Div
是块级元素。这意味着他们要吵架了。如果这是一个表单,那么您应该将html放在
元素中,而不是一个div“容器”。有太多错误,很难知道从哪里开始:/这只是我代码的一部分,pertiant部分。这一切都在一个表单中,我只需要正确地定位它。您可以设置一个JSFIDLE来显示问题吗?您正在尝试将父div(容器)居中。将子分区居中。我创建了一个类
Center
,并添加了
margin:0 auto
,这正是我想要的,但我在对我的分区执行此操作时没有得到相同的效果。也许你应该发布更多的代码。这可能是一个标记错误。它在你发布的小提琴上起作用。你需要做一个更深入一点的测试用例。好吧,那么这和我实际拥有的唯一区别就是使用struts文本框和按钮。我只需要复制JSFIDLE的内容,然后读取按钮。换句话说,将容器宽度从100%更改为400px。你为什么不使用标签?它们首先是内联元素。似乎奇怪的是,将潜水艇漂浮到位。